jquery - 使用 jQuery 单击父 div 时打开文件对话框

Question

我想在单击父 div 时打开文件对话框。如果我单击第一个父 div，它应该只打开第一个输入文件。

<div class="fileupload">
    <input type="file" class="file" name="image" />
</div>

<div class="fileupload">
    <input type="file" class="file" name="attachement" />
</div>

Answer 1

只需在 input 元素上触发 click 事件即可:

$('.fileupload').click(function(e) {
    $(this).find('input[type="file"]').click();
});

$('.fileupload input').click(function(e) {
    e.stopPropagation();
});​

演示:http://jsfiddle.net/EctCK/