javascript - 文件阅读器在 Chrome 和 IE 中不起作用

Question

我从我的电脑上传一个图像文件，然后将其读取为 dataurl。然后将其传递给 img 元素以预览它。它在火狐浏览器中运行良好。但在 chrome 和 IE 中，它不会从文件读取器获取 src。

这就是我正在做的事情，

var image = document.createElement("img");
    var thumbnail = document.getElementById("thumbnail");
    image.file = file;
    thumbnail.appendChild(image);

    function handlefilereader(evt){
     image.src = evt.target.result; 
    }

    var reader = new FileReader()
    reader.onload = handlefilereader;
    reader.readAsDataURL(file);

    image.id = count;
    count++;
    image.draggable = true;
    image.ondragstart = dragIt;
    alert(image.src);

Answer 1

您的浏览器版本可能不支持 Filereader。请参阅此兼容性图表。

http://caniuse.com/filereader

此外，event.target 与浏览器不完全兼容。考虑一下

var target = evt.target || evt.srcElement;
image.src = target.result;