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

Question

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

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

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

Answer 1

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

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