前端探秘

今天要做一个东西，就是页面打开自动弹出文件选择对话框，经过试验后整理出如下代码，具体为什么，可以思考思考。。。

<!DOCTYPE HTML>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<button onclick="openFlbk();">打开</button>
<script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
<script type="text/javascript">

$(function(){
    //下面这段代码为什么不起作用，想想？
    // setTimeout(function(){
    //     pickImg(function(file){
    //     });
    // },1000);
});

function openFlbk(){
    setTimeout(function(){
        pickImg(function(file){
        });
    },1001);//注意，试着将这个只改为1000，再试试。

    //下面这段代码一直会起作用，也就是说不用setTimeout函数会起作用，想想为什么？
    // pickImg(function(file){
    // });
}

//从本地选择图片,通过回调函数传回图片对象（一个）
function pickImg(callBack){
    console.log("444");
    var fileup=$('<input type="file" />');
    fileup.on('change',function(event) {
        callBack(this.files[0]);
    });
    // fileup.trigger('click');
    fileup.click();
}

//    可以将该例子在ie中测试，看看怎么样。。。

</script>
</body>
</html>

欢迎讨论

posted @ 2015-10-29 14:50 muguang_lijing 阅读(171) 评论(0) 收藏举报

刷新页面返回顶部