0

我從電腦上傳圖片。它在Firefox中工作正常。但在chrome中,選擇文件的對話框不會打開!我在javascript中調用輸入類型的click事件。文件上傳不能在chrome中工作

這就是我在做什麼!

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

這裏是JavaScript的,

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); 
+0

不,我沒有表單元素。我只是使用HTML,因爲我已經顯示! – MJQ 2012-07-18 09:48:17

+0

它正在使用'Google Chrome 20.0.1132.57 m' – 2012-07-18 09:52:24

+0

您正在使用哪個版本的Chrome? – 2012-07-18 09:52:46

回答

2

沒有瀏覽器,我知道的,您可以模擬點擊一個<input type="file">本身無需用戶干預。原因是安全。瀏覽器要求用戶在頁面上的某處進行明確的手動點擊(用戶啓動的點擊)。但是,一旦發生這種情況,就很容易劫持點擊並將其路由到文件輸入。這就是你想要做的。

看到我關於這個話題的BLOB文章。它有一個應該工作的演示:http://ericbidelman.tumblr.com/post/14636214755/making-file-inputs-a-pleasure-to-look-at