文件读取器无法在chrome和IE中工作

file reader is not working in chrome and IE

本文关键字：IE 工作 chrome 读取 文件      更新时间：2023-11-18

我从电脑上传了一个图像文件，然后将其读取为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);

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

http://caniuse.com/filereader

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

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

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

因此，您仍然可以在IE中使用FileAPI。

相关文章：