前端探秘


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

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=$('');
    fileup.on('change',function(event) {
        callBack(this.files[0]);
    });
    // fileup.trigger('click');
    fileup.click();
}

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

script>
body>
html>

欢迎讨论