我正在向现有页面添加文件导入功能。
我想在不修改页面的情况下使用 javascript 执行此操作,即。不加"input type="file""标签,大家好像都在说。
我已经添加了按钮,现在我希望事件显示文件对话框,用户浏览文件和 javascript 将文件提交到服务器进行验证。
我该怎么做? 顺便说一句,主要优先级是打开文件对话框,所以如果您不知道,则不需要用户或提交部分。
谢谢
最佳答案
好吧,如果我理解正确你想要的,是这样的......
<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
!!
关于javascript - 来自 JavaScript 的文件对话框 *without* <input>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8385758/