удалить елементы FileReader
 

всем привет, есть "создатель" превьюшек на основе FileReader, все работает замечательно, только вот как удалять ненужные картинки не могу понять как сделать.

var files = evt.target.files; // FileList object

        // Loop through the FileList and render image files as thumbnails.
        for (var i = 0, f; f = files[i]; i++) {

            // Only process image files.
            if (!f.type.match('image.*')) {
                continue;
            }

            var reader = new FileReader();

            // Closure to capture the file information.
            reader.onload = (function (theFile) {
                return function (e) {
                    
                    // Render thumbnail.
                    var span = document.createElement('span');
                    span.innerHTML = ['<img class="thumb" src="', e.target.result,
                        '" title="', theFile.name, '" id="',theFile.name,'"/><span onclick="ВОТ ТУТ ЧТО ТО НУЖНО">удалить</span>'].join('');
                    document.getElementById('list').insertBefore(span, null);
                };
            })(f);

            // Read in the image file as a data URL.
            reader.readAsDataURL(f);
           
          
        }
    }

    document.getElementById('files').addEventListener('change', handleFileSelect, false);

Что будет отправлено на сервер?

файлы картинок

Это понятно, но что именно будет передано серверу - строки readAsDataURL или форма, а значит поле file?

форма

Вот и ответ на вопрос - если картинки со страницы удалить можно, то изменить коллекцию файлов выбранных формой нельзя.

как же быть тогда?

Никак, данные этого поля изменить нельзя, это политика безопасности. Отправляйте src изображений, преобразуя их на сервере из строк base64 в бинарные данные, а еще лучше с проверкой, и сохраняйте.

понятно. жалко конечно. спасибо за помощь.