1

我正在从我的 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>

4

1 回答 1

3

打开带有标志的 chrome

--allow-file-access-from-files

否则从本地主机打开页面

于 2012-07-19T12:22:47.793 回答