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

How do I display the file selection popup in javascript?

本文关键字:选择 窗口 显示文件 javascript      更新时间:2023-09-26

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

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

我尝试通过假装单击文件输入元素来触发弹出窗口,但无济于事:

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

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

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

您应该将其添加到另一个元素