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

Remove Individual Files When Multiple FIles Are Selected With File Input

本文关键字：文件 FIle 删除单个输入选择更新时间：2023-09-26

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

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

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

简短

的回答是"否"。无法从脚本中更改file input元素的值：否则它将是猛犸象的安全漏洞大小。让我向你保证：一些浏览器（IE，那是关于你的！）在处理文件输入时变得非常挑剔。

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

或者也许是时候考虑使用一些回退机制，Flash或类似的东西了。事实上，这样做还有另一个原因：IE8 不支持文件选取器上的multiple属性。