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

Question

我从我的 PC 上传了一个图像文件，然后将其作为 dataurl 读取。然后将其传递给 img 元素进行预览。它在 Firefox 中运行良好。但在 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;

Answer 2

就像这里提到的人一样，IE 不支持 File API。但没有人提到可能的解决方案。这是一个--> FileReader + flash

所以你仍然可以在 IE 中使用 FileAPI。