Jquery 如何通过js打开 Select 文件对话框

发布于04月25日

$('#id').click();

它不适用于Mac OS上的Chrome 26.

The problem actually is creation "upload" widget that can be integrated in a form. Widget will consists of two parts. The first part is div with initiator button and error/success messages. I think the way is put another form as the second part with file input and submit file into the iframe. After submition we fill hidden field in first part in main form or show errors in the same.

Easy way is adding file-form into main-form, but it's prohibited.

使用jQuery

我会创建一个按钮和一个不可见的输入，如下所示:

<button id="button">Open</button>
<input id="file-input" type="file" name="name" style="display: none;" />

and add some jQuery to trigger it:

$('#button').on('click', function() {
    $('#file-input').trigger('click');
});

使用香草JS

相同的 idea ，没有jQuery(@Pascale分):

<button onclick="document.getElementById('file-input').click();">Open</button>
<input id="file-input" type="file" name="name" style="display: none;" />