来自JavaScript*的文件对话框,没有*<input>

jvl*_*sen 4 javascript dialog file

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

我想使用javascript而不修改页面,即.没有添加"input type ="file""标签,每个人似乎都在谈论.

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

我怎么做?顺便说一句,主要的优先事项是打开文件对话框,所以如果你不知道它就不需要用户或提交部件.

谢谢

小智 8

好吧,如果我理解你想要的是什么,有些像这样......

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

隐藏file对象并使用另一个对象调用文件对话框.对 ?

编辑:只有Javascript

onclick="var f=document.createElement('input');f.style.display='none';f.type='file';f.name='file';document.getElementById('yourformhere').appendChild(f);f.click();"
Run Code Online (Sandbox Code Playgroud)

idform的代替yourformhere!! 把它放在你的对象中!

  • 谢谢.使用你的javascript作为灵感,并提出:var element = document.createElement("input"); element.setAttribute("id","importFile"); element.setAttribute("type","file"); element.setAttribute("style","visibility:hidden;"); 然后在调用方法和对话框中添加了click-event弹出:-) (2认同)