javascript - 来自 JavaScript 的文件对话框 *without* <input>

Question

我正在向现有页面添加文件导入功能。

我想在不修改页面的情况下使用 javascript 执行此操作，即。不加"input type="file""标签，大家好像都在说。

我已经添加了按钮，现在我希望事件显示文件对话框，用户浏览文件和 javascript 将文件提交到服务器进行验证。

我该怎么做？顺便说一句，主要优先级是打开文件对话框，所以如果您不知道，则不需要用户或提交部分。

谢谢

Answer 1

好吧，如果我理解正确你想要的，是这样的......

<input type="button" value="Add File" onclick="document.getElementById('file').click()" />
<input type="file" id="file" style="display:none" />

隐藏 file 对象并用另一个对象调用文件对话框。对吧？

编辑:仅 Javascript

myClickHandler() {
    var f = document.createElement('input');
    f.style.display='none';
    f.type='file';
    f.name='file';
    document.getElementById('yourformhere').appendChild(f);
    f.click();
}

button.onclick = myClickHandler

把它放在你的对象中，用你的 form 的 id 代替 yourformhere !!