javascript - 无懈可击的 Javascript 图像预览

Question

我有以下代码向用户展示他们尝试上传的图像的预览，并且在 FF 中运行良好：

var img = document.createElement('img');
img.src = $('#imageUploader').get(0).files[0].getAsDataURL();

问题是，getAsDataURL()仅适用于 FF。Chrome 中的这种功能是否有类似的/解决方法（特别是）？

Answer 1

如果浏览器不支持getAsDataURL，您可以确保文件输入是使用 Gears 的openFiles（向下滚动）来读取用户选择的文件。谷歌不再使用 Gears，但它会在 Chrome 中运行，至少getAsDataURL()在实施之前是这样。

编辑：更改答案以更有帮助。

Answer 2

IE 还不支持 File API。无论如何，您需要使用 FileReader 来读取文件。此外，该文件不是它的文件名（您的变量命名有点模棱两可）。

file = fileObj.files[0];
var fr = new FileReader;
fr.onloadend = changeimg;
fr.readAsDataURL(file)