Filereader无法在chrome中工作

Filereader not working in chrome

本文关键字：工作 chrome Filereader      更新时间：2023-12-01

我正在从电脑上传图像文件。然后我使用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>

打开带有标志的chrome

--allow-file-access-from-files

否则从本地主机打开页面

相关文章：