今天要做一个东西,就是页面打开自动弹出文件选择对话框,经过试验后整理出如下代码,具体为什么,可以思考思考。。。
<!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>
欢迎讨论