在使用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/上找到