2012-07-19 107 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