HTML 5链接/屏蔽<input type =“file”/>到<a></a>

时间:2012-12-14 23:43:38

标签: javascript css html5 api

如果标题混淆了你;什么是将困难<input type='file'/>屏蔽为友好<a/>的最优雅方式,以便在选择<a>时,会提示文件资源管理器?

1 个答案:

答案 0 :(得分:3)

你可以像这样使用jQuery模拟点击。

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

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

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

});

Working Fiddle