Question

假设我有一个允许用户上传多个图片的表单，如果他们不想上传该特定照片，则附加一个选项以删除它们。

是否可以从他们删除的文件对象的文件对象中删除该值（例如，不想上传）？

Answer 1

FileList没有用于删除条目的API：

https://developer.mozilla.org/en/DOM/FileList

但是，您可以使用XHR2和AJAX重建文件上传器并在那里过滤内容。这意味着要进行XHR2和AJAX上传，不适合传统的<form>上传。

https://developer.mozilla.org/en/Using_files_from_web_applications

Answer 2

如果您使用带有一组标准文件输入的标准表单，那么您可以这样做http://jsfiddle.net/thXre/

$(document).ready(function(){
    $('.remove').click(function(){
        $(this).closest('div').slideUp('slow', function(){$(this).remove();});
    });        
});

和html代码：

<div>
 <input type='file' name='files[]'> <img src='x.gif' class='remove'>
</div>
<div>
 <input type='file' name='files[]'> <img src='x.gif' class='remove'>
</div>
<div>
 <input type='file' name='files[]'> <img src='x.gif' class='remove'>
</div>

Answer 3

在我们获得一些标准API之前，您最好的选择...

FineUploader。 Demo。有文件删除，图像预览，文件重命名。
bluimp's jQuery File Upload Plugin。 Demo。有文件删除，图像预览，单个文件上传，上传撤消。

它们也可在https://cdnjs.com/

获取

在使用Javascript上传之前删除所选文件

3 个答案: