在jQuery中模拟文件上载单击

Question

我有一个<img ... />标签,我在jQuery中绑定了一个click事件.单击它时,我想让它模拟文件上传中的按钮单击以打开文件系统浏览弹出窗口.我在点击功能中尝试了这些东西但没有成功:

...
$(".hiddenUploadBtn").click();
...

...
$(".hiddenUploadBtn").select();
...

...
$(".hiddenUploadBtn").submit();
...

Answer 1

只需将img包装在标签中,然后将for属性设置为文件输入.适用于任何类型的内容,它内置于规范中.您甚至可以隐藏该点的文件输入.

<input type="file" id="fileUpload"><br>
<label for="fileUpload">
    <img src="https://www.google.com/images/srpr/logo11w.png" />
</label>

Answer 2

只使用javascript试试这个:http: //code.google.com/p/upload-at-click/

演示:http: //upload-at-click.narod.ru/demo2.html