文件阅读器无法在 chrome 中工作答案

【问题标题】：Filereader not working in chrome文件阅读器无法在 chrome 中工作
【发布时间】：2012-07-19 09:47:38
【问题描述】：

我正在从我的 PC 上传图像文件。然后我使用 filereader 读取文件并预览上传的图像。在Firefox中它工作正常。但是在 chrome 中，除了 reader.readAsDataURL(); 的输出之外，一切正常。镀铬是空的。

这是我的代码，

<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>

【问题讨论】：

我已经在 jsFiddle 上测试了你的代码，它在我的 Chrome 中运行良好。
那为什么它不能在我的电脑上运行？？？我的 chrome 版本是 20.0...!!!
@Calvin 你在电脑上的 Chrome 中运行过吗？
好吧，我也尝试过其他一些 PC。但不工作。即使在 Ubuntu 上的铬！
你确定你在测试小提琴吗？

标签： javascript html file-upload filereader

【解决方案1】：

用标志打开 chrome

--allow-file-access-from-files

从本地主机打开页面

【讨论】：

为什么默认不启用？
出于安全原因。默认情况下它被禁用。从主机或服务器访问文件时无需使用此标志。