如何在 javascript 中显示文件选择弹出窗口？答案

【问题标题】：How do I display the file selection popup in javascript?如何在 javascript 中显示文件选择弹出窗口？
【发布时间】：2014-12-17 14:05:13
【问题描述】：

您知道当您单击类型为file 的HTML 输入元素时，文件选择浏览器弹出窗口是如何打开的吗？我可以触发该弹出窗口出现在 javascript 中吗？

在我的 javascript 中的某个时刻，我希望弹出窗口出现，以便用户可以上传文本文件。然后，我打算使用 HTML5 FileReader API 将文件 blob 数据转换为数组缓冲区。

我尝试通过伪造点击文件输入元素来触发弹出窗口，但无济于事：

// Does not work.
var input = document.createElement('input');
input.type = 'file';
input.click();

如何编写一个javascript函数来触发文件选择弹出窗口？我知道我可以依赖 HTML5 拖放界面来上传文件，但我更喜欢弹出窗口。

【问题讨论】：

据我所知，由于安全原因，这是不可能的。或者某些浏览器允许，但不能保证浏览器兼容性。你可能想看看这个。 stackoverflow.com/questions/210643/…
顺便说一句，这里有一个可能的答案。 stackoverflow.com/a/15876384/1664330

【解决方案1】：

元素已创建但未添加到 DOM。

你应该把它添加到另一个元素中

【讨论】：