按钮显示选择要上载的文件对话框

Question

而不是使用input type="file"html标签,是否可以choose a file to upload通过单击input type="button"？来打开一个对话框？然后,当从choose a file to upload对话框中选择文件时,文件路径会插入到常规的html input type="text"标记中吗？

我似乎gmail做了类似的事情,但没有按钮和文本输入,他们只是有一个链接add file或类似的东西.单击该链接时,将显示该select file(s) to upload by mail.google.com对话框.单击文件时,屏幕上会显示文件名.

他们是怎么做到的？

Answer 1

<input type="file" style="display:none;" id="inputfile"/>
<a href="javascript:document.getElementById('inputfile').click(); ">try this</a>

试试这个吧.我觉得它很有用.. :)

Answer 2

我认为大多数浏览器出于安全目的都将其锁定。按钮和文本框可以通过 JavaScript 进行操作。文件输入框不能，并且有充分的理由；想象一下，如果 JavaScript 可以打开一个对话框，设置系统上敏感文件的路径，然后模拟单击按钮来下载该文件！

顺便说一句，如果您想设计它的样式，也许这会起作用： http: //www.quirksmode.org/dom/inputfile.html