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

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

是否可以从他们删除的文件对象的文件对象中删除该值(例如,不想上传)?

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

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

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

上传。

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

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

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

和HTML代码:

 

在我们获得一些标准API之前,库是您最好的选择…

  • FineUploader 。 演示 。 有文件删除,图像预览,文件重命名。

  • bluimp的jQuery文件上传插件 。 演示 。 具有文件删除,图像预览,单个文件上传,上传撤消function。

它们也可以在https://cdnjs.com/上找到