2012-07-19 95 views
1

我從我的電腦上傳圖像文件。然後我使用filereader來讀取文件並預覽上傳的圖像。在Firefox中它工作正常。但在chrome中,一切正常,但reader.readAsDataURL();的輸出。在鍍鉻中空了。Filereader無法在鍍鉻

這裏是我的代碼,

<body> 
    <form name="Upload" enctype="multipart/form-data" method="post"> 
     Filename: <INPUT type="file" id="submit"> 
     <INPUT type="button" id="send" value="Upload"> 
    </form> 
    <div 
     id="div" 
     align="center" 
     style="height: 200px;width: 500px;border-style: ridge;border-color: red"> 
    </div> 
</body> 

<script type="text/javascript"> 
    document.getElementById('send').onclick=function() 
    { 
     var imag = document.createElement("img"); 
     var thumbnail = document.getElementById("div"); 
     if(document.all) { 
     imag.src = document.getElementById('submit').value; 
     } 
     else { 
     function handlefilereader(evt){ 
     var target = evt.target || evt.srcElement; 
     imag.src = evt.target.result; 
     } 

     var reader = new FileReader() 
     reader.onload = handlefilereader; 
     reader.readAsDataURL(document.getElementById('submit').files[0]); 
     } 
     thumbnail.appendChild(imag); 
    } 
</script> 

+0

我測試你的代碼上[ jsFiddle](http://jsfiddle.net/Calou/5Qea9/),它在Chrome中對我很有用。 – Calvein 2012-07-19 09:49:56

+0

那爲什麼不在我的電腦上工作?我的鍍鉻版是20.0 ... !!! – MJQ 2012-07-19 09:52:00

+0

@Calvin你在PC上運行Chrome嗎? – MJQ 2012-07-19 10:07:44

回答

3

打開Chrome旗

--allow-file-access-from-files 

其他開放頁面從本地主機

+0

爲什麼默認情況下不啓用? – Will 2012-11-28 17:04:59

+1

由於安全原因。默認情況下它被禁用。從主機或服務器訪問文件時無需使用此標誌。 – 2012-11-29 05:45:09