在用Javascript上传之前删除选定的文件

假设我有一个表单，允许用户上传多个图像，如果他们不想上传该特定照片，则会添加一个选项以将其删除。在用Javascript上传之前删除选定的文件

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

2012-02-18 bob_cobb

你尝试删除''？当然，如果您的表单由一组标准文件输入组成。 – Cheery 2012-02-18 04:13:23

[如何从输入文件控制中删除一个特定的选定文件]可能的重复（https://stackoverflow.com/questions/19060378/how-to-remove-one-specific-selected-file-from-input-file-控制） – Endless 2017-12-09 12:57:34

文件清单没有API来删除条目：

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

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

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

来源

2012-02-18 01:52:46

如果您使用的是标准形式与一组标准文件输入，那么你可以做这样的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>

来源

2012-02-18 04:23:25 Cheery

谢谢，我知道如何删除实际的元素，但是它将它们从包含在我感兴趣的上载中的FileList中删除。 – 2012-02-18 05:53:38

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

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

他们也可以在https://cdnjs.com/

来源

2014-11-08 08:50:58

2年后... FileList仍然没有以任何形式或形式支持删除其API中的条目。 – 2014-11-09 05:23:17

@bob_cobb这是一个悲伤的未来=） – 2014-11-09 06:59:54

未来在这里，仍然在寻找一种合适的方式来删除文件─似乎还没有。 – jbalintac 2017-03-27 14:17:00

在用Javascript上传之前删除选定的文件

回答

相关问题