HTML 5链接/屏蔽 <input type='file'> 到了

Question

If the title confuses you; what's the most elegant way to mask the difficult <input type='file'/> to a friendly <a/> so when the <a> is selected, the file explorer is prompted?

Answer 1

You can simulate a click with jQuery like this.

<input type='file' id="myInput"/>
    <a href="#" id="myAnchor">Launch File Upload</a>

​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

$("#myAnchor").click(function () {

    $("#myInput").trigger('click');

});

Working Fiddle​