Javascript HTML如何连续上传文件？

如何使文件输入元素连续上传

---

也就是说，我希望用户能够单击上载按钮并上载文件。然后，我希望用户能够单击相同的上载按钮，将另一个文件添加到上载的文件中，而不是覆盖所有当前文件

我假设这需要一些javascript。如何在JS中实现这一点

我试着用一个

 <input type="file" multiple> 

---

元素，但它不符合我的要求。我希望能够将文件添加到现有列表中。多输入元素覆盖现有列表

也许我误解了你的要求，但我相信这可能是你想要的：

<input type="file" multiple>

编辑： 虽然IMO和第三方都很丑陋，但这似乎具有您想要的行为：

---

允许我一次上载多个文件。相反，我希望能够选择1个文件，单击“确定”，然后再次单击“上载”按钮以添加另一个文件。使用multiple标记时，它只会覆盖已选择的内容。我想改为添加到该选择中。@DFL啊，当您按住control或shift键选择文件时，“多个”输入仅选择多个文件，对吗。当您这样做时，输入只会显示，例如“11个选定文件”。您希望显示所有文件的列表。从用户体验的角度来看，这是有道理的。如果您允许用户逐个向列表中添加文件，那么您需要的是自定义JavaScript，它将作用于HTML DOM以显示文件列表，以及上传此文件列表所需的任何其他逻辑。所以我认为你必须尝试写这个，或者使用第三方代码。我不知道从哪里开始。你对我可以搜索的关键字有什么建议吗？或者可能有哪些库可以做到这一点？@DFL我搜索了“多文件上传小部件”并发现：在我看来，它非常难看，我无法保证它的质量，但它有你描述的在上传文件之前将文件添加到列表中的行为。所以您可能想使用它，或者查看它的代码来了解它在做什么。@DFL很高兴它能帮上忙。我编辑了我的原始答案，如果您愿意投票并/或将其标记为已接受，我将不胜感激：）请展示您的努力。因此，不是编码服务向您提供现成的代码。“向上载的文件添加另一个文件，而不是覆盖所有当前文件”-上传新文件时文件是否被覆盖取决于负责从HTTP请求中提取文件并存储它们的服务器端代码。昆汀是对的，这是服务器端问题。如果您提交到同一个处理文件/endpoint/etc，则每次都会写入您拥有的内容，除非您添加了handling。@Stavm我已经添加了我已经添加的内容tried@Quentin我想要一个页面，显示用户在发送到服务器之前选择的文件。这在网站上比较常见——上传文件时，它会在输入元素附近的文件列表中添加一个缩略图，供您管理，所有这些都是在您向服务器提交请求之前完成的。