javascript - 如何允许在多个选择中选择多个文件？

Question

如何允许在多个选择中选择多个文件？

例如使用以下代码片段:

Select files: <input type="file" name="myFile" multiple>

1. 点击“浏览”；选择一个文件。
2. 点击“浏览”；选择另一个文件。

这会导致仅选择第二个文件。我希望这两个文件都被选中。使用基本的输入控件可以实现这一点吗？

Answer 1

没有任何实际的方式。

文件输入的 UI 实现取决于浏览器(大多数浏览器仅实现操作系统的标准控制)。你无法改变这一点。

您能得到的最接近的结果可能是执行以下操作:响应选择的文件，复制输入并隐藏原始输入。然后，第二次交互将更改最新输入的选择，同时保留旧输入。

这会破坏为用户取消选择先前选择的选项提供的正常机制，并且与其他网站上的文件选择行为不一致，因此我强烈建议不要这样做。