用 JavaScript 填写输入文件表单 [重复]

Posted 2023-03-05

【中文标题】用 JavaScript 填写输入文件表单 [重复]

【英文标题】：Fill input file form with JavaScript [duplicate]

【发布时间】：2013-03-23 17:41:47

【问题描述】：

注意：

下面的答案反映了 2009 年旧版浏览器的状态。现在，您实际上可以在 2017 年使用 javascript 动态/编程地设置文件输入元素的值。

有关详细信息以及演示，请参阅此问题中的答案：How to set file input value programatically (i.e.: when drag-dropping files)?

我需要用 JavaScript 填写一个 html 表单来设置上传文件的路径。这个表单所属的web，已经实现了可视化上传，但是

<form id="mobile_fileform">
    <input type="file" style="height: 20px; width: 0px; opacity: 0; " id="mobile_fileselect1" multiple="" size="-17">
    <input type="file" style="height: 20px; width: 0px; opacity: 0; " id="mobile_fileselect2" multiple="" size="-17">
    <input type="file" style="height: 20px; width: 0px; opacity: 0; " id="mobile_fileselect3" multiple="" size="-17">
</form>

如何设置此表单中文件的路径以及如何使用 JavaScript 上传？

感谢您的帮助

【问题讨论】：

可能重复***.com/questions/4286782/......

出于安全原因，无法使用 JavaScript 在文件输入控件中手动添加和上传文件。

【参考方案1】：

出于安全原因，input:file 的 value 属性是只读。如果你想设置它，你需要在服务器端进行。

因此，您要求做的是不可能。考虑一下含义：任何网页都可以从某人的计算机上传任何文件，只要他们知道路径。

【讨论】：

这个答案已经过时了。请阅读此答案：***.com/questions/47119426/…