Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/395.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Chrome中的文件上传_Javascript_Html_Google Chrome_File Upload_Dom Events - Fatal编程技术网

Javascript Chrome中的文件上传

Javascript Chrome中的文件上传,javascript,html,google-chrome,file-upload,dom-events,Javascript,Html,Google Chrome,File Upload,Dom Events,我正在从我的电脑上传一个图像。它在Firefox中工作正常,但在Chrome中,选择文件的对话框没有打开!我在Javascript中调用输入类型的click事件 以下是我正在做的: <input type="file" id="fileElem" accept="image/*" style="display:none" > <div id="fileSelect" class=

我正在从我的电脑上传一个图像。它在Firefox中工作正常,但在Chrome中,选择文件的对话框没有打开!我在Javascript中调用输入类型的click事件

以下是我正在做的:

<input type="file" id="fileElem" accept="image/*" style="display:none" >
<div id="fileSelect" class="drop-area">Select some files</div>

据我所知,没有一款浏览器允许您在没有用户干预的情况下模拟点击
本身。原因是安全。浏览器要求用户在页面的某个位置进行显式手动单击(用户发起的单击)。但是,一旦发生这种情况,就可以直接劫持单击并将其路由到文件输入。这就是你想要做的


请参阅我关于该主题的blob帖子。它有一个应该可以运行的演示:

否。我没有表单元素。我只是在使用我已经展示过的html!它正在谷歌Chrome 20.0.1132.57 m上运行你正在使用哪个版本的Chrome?我正在Ubuntu上使用Chrome!
var fileSelect = document.getElementById("fileSelect"),
fileElem = document.getElementById("fileElem");

  
fileElem.addEventListener("click",function(e){
  var files = this.files
  handleFiles(files)
},false)  
  
  
fileSelect.addEventListener("click", function (e) {
    fileElem.click();
  e.preventDefault(); 
}, false);