使用文件输入选择多个文件时删除单个文件

Question

当允许用户选择多个文件时，是否可以从要上传的文件列表中删除单个文件？例如，我有一个看起来有点像这样的输入：

<input type = 'file' name = 'file' id = 'file' multiple = 'multiple' />

并且用户选择了4张照片，1.jpg、2.jpg、3.jpg和4.jpg。是否可以删除 4.jpg，因为用户改变了主意不想上传那个？

Answer 1

简短的回答就是“不”。 It's not possible 从脚本中更改 file input 元素的值：否则它将是猛犸象的安全漏洞大小。让我向你保证：一些浏览器（IE，这就是你的问题！）在处理文件输入时变得非常挑剔。

但是您可以使用以下方法：让用户上传任意数量的文件（尽管设置一些限制是谨慎的做法），但将它们放入一些临时存储中。只有当用户真正表达他们希望保存这些文件所附加到的实体时，才将这些文件移动到永久状态。

或者是时候考虑使用一些后备机制、Flash 或类似的东西了。其实这样做还有一个原因：IE8 不支持文件选择器上的multiple 属性。