如何从上传表单中动态删除文件？

Question

我想创建多重上传文件组件，可以使用 javascript 动态删除添加的文件（当用户单击文件预览上的关闭按钮时）。

我尝试使用<input type="file" name="files[]" multiple/> 但正如我后来发现的那样，不可能动态更改文件输入值:(

那么我应该怎么做才能解决这个问题呢？用户添加后如何从表单中删除文件？

Answer 1

首先：看一下this的文章。以下是如何进行多文件上传（很简单，文件是一个一个选择）

第二：我不认为你可以用JS编辑<input type="file" multiple />中的文件列表。根据this .files 属性是只读的（因此您可以获得文件列表，但要注意更多）。但同时，看看this。在那里你可以找到如何使用 ajax 上传文件。一旦你能做到这一点，你可以显示一个选定文件的列表，并允许用户删除其中的一些。并仅上传仍在选定文件列表中的文件。