可靠的 Javascript 图像预览

Question

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

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

问题是，getAsDataURL() 仅在 FF 中运行。 Chrome 中是否有类似的功能/解决方法（特别是）？

Answer 1

如果浏览器不支持 getAsDataURL，您可以确保文件输入使用 Gears 的 openFiles（向下滚动）读取用户选择的文件。
Google 不再在 Gears 上工作，但它可以在 Chrome 上工作，至少在 getAsDataURL() 实现之前是这样。

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

Answer 2

IE 尚不支持文件 API。无论如何，您需要使用 FileReader 来读取文件。另外，该文件不是它的文件名（您的变量命名有点含糊）。

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