Всем привет! Форма добавления фото: Добавили фотки, появились превьюшки. Теперь при клике на изображение, надо его удалить. Для этого использую Код (Text): $(this).parent().remove() но это только удаляет само изображение. А при submit'е формы, данные все равно передаются, как сделать, чтобы данные удаленного изображения не передавались?
Код (Text): <form class="addArticleForm"> <input type="file" id="photos" name="photos[]" multiple> <output class="photosList"></output> <input type="submit"> </form> Код (Text): function handleFileSelect(evt) { 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) { $(".photosList").append( $('<div/>').attr({'class': 'span4 photoBlock'}).append( $('<img/>').attr({'class': 'thumb', 'src': e.target.result, 'title': escape(theFile.name)}).append(escape(theFile.name)) ) ) }; })(f); // Read in the image file as a data URL. reader.readAsDataURL(f); } } document.getElementById('photos').addEventListener('change', handleFileSelect, false); $('.photosList').on('keyup mouseup', '.thumb', function(evt) { $(this).parent().remove() }); например, я добавил три фотки. Кликнул на одной из них, она исчезла, но при submit'е, все равно получаю данные трех фоток Код (Text): 'photos' => array (size=3) 0 => string '1b.jpg' (length=6) 1 => string 'aJK0n3aJNKQ.jpg' (length=15) 2 => string 'ak1W2MdvBhg.jpg' (length=15)
Дык инфа на сервер передается же не из картинки, а из инпута в форме. Из него выпиливай то, что нужно, и не будет ничего идти.