За последние 24 часа нас посетили 63439 программистов и 1593 робота. Сейчас ищут 783 программиста ...

Убрать информацию об удаленном файле

Тема в разделе "JavaScript и AJAX", создана пользователем TigerZaka, 1 июл 2014.

  1. TigerZaka

    TigerZaka Активный пользователь

    С нами с:
    16 сен 2011
    Сообщения:
    189
    Симпатии:
    1
    Всем привет!

    Форма добавления фото:
    Добавили фотки, появились превьюшки.
    Теперь при клике на изображение, надо его удалить.
    Для этого использую
    Код (Text):
    1. $(this).parent().remove()
    но это только удаляет само изображение.
    А при submit'е формы, данные все равно передаются, как сделать, чтобы данные удаленного изображения не передавались?
     
  2. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.156
    Симпатии:
    1.771
    Адрес:
    :сердА
    Какие данные? Каким образом передаются? Как собираются? Откуда? Телепатия не работает, броу.
     
  3. TigerZaka

    TigerZaka Активный пользователь

    С нами с:
    16 сен 2011
    Сообщения:
    189
    Симпатии:
    1
    Код (Text):
    1.  
    2. <form class="addArticleForm">
    3.     <input type="file" id="photos" name="photos[]" multiple>
    4.     <output class="photosList"></output>
    5.     <input type="submit">
    6. </form>
    Код (Text):
    1.  
    2. function handleFileSelect(evt) {
    3.     var files = evt.target.files; // FileList object
    4.  
    5.     // Loop through the FileList and render image files as thumbnails.
    6.     for (var i = 0, f; f = files[i]; i++) {
    7.  
    8.         // Only process image files.
    9.         if (!f.type.match('image.*')) {
    10.             continue;
    11.         }
    12.  
    13.         var reader = new FileReader();
    14.  
    15.         // Closure to capture the file information.
    16.         reader.onload = (function (theFile) {
    17.             return function (e) {
    18.                     $(".photosList").append(
    19.                         $('<div/>').attr({'class': 'span4 photoBlock'}).append(
    20.                                 $('<img/>').attr({'class': 'thumb', 'src': e.target.result, 'title': escape(theFile.name)}).append(escape(theFile.name))
    21.                         )
    22.                     )
    23.             };
    24.         })(f);
    25.  
    26.         // Read in the image file as a data URL.
    27.         reader.readAsDataURL(f);
    28.     }
    29. }
    30.  
    31. document.getElementById('photos').addEventListener('change', handleFileSelect, false);
    32.  
    33. $('.photosList').on('keyup mouseup', '.thumb', function(evt) {
    34.     $(this).parent().remove()
    35. });
    например, я добавил три фотки. Кликнул на одной из них, она исчезла, но при submit'е, все равно получаю данные трех фоток
    Код (Text):
    1.  
    2. 'photos' =>
    3.     array (size=3)
    4.       0 => string '1b.jpg' (length=6)
    5.       1 => string 'aJK0n3aJNKQ.jpg' (length=15)
    6.       2 => string 'ak1W2MdvBhg.jpg' (length=15)
     
  4. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.156
    Симпатии:
    1.771
    Адрес:
    :сердА
    Дык инфа на сервер передается же не из картинки, а из инпута в форме. Из него выпиливай то, что нужно, и не будет ничего идти.