触发文件输入对话框

Question

如何自动触发文件输入？即.在下面的链接中我想在加载时触发上传按钮

DEMO

<form id="test_form">
    <input type="file" id="test">
    <div id="test1">
        <button>Upload</button>
    </div>
</form>

$("#test1").trigger('click');
$("#test").trigger('click');

Answer 1

onload由于安全目的,无法自动点击文件输入.没有任何用户交互就无法触发它.当页面加载时页面激活任何内容时非常恶心.

顺便说说.您可以使用按钮的标签 instaed,如下所示:

<label for="test">Upload</label>

Answer 2

$("document").ready(function() {
    setTimeout(function() {
        $("#test1").trigger('click');
    },10);

    $('#test1').click(function(){
        alert('hii');
    })
});

点击事件触发.

http://jsfiddle.net/j9oL4nyn/1/

Answer 3

你可以这样做：

<button id="upld_btn">Upload</button>

$(document).ready(function () {
   $('#upld_btn').trigger('click');
});

Answer 4

你可以写这样的东西

$(document).ready(function(){
    $("input#test").click();
});

这应该可以正常工作