javascript - 多图上传 - 点击图片预览




不透明的JavaScript图像预览 (2)

我有下面的代码,向用户展示他们正在上传的图片的预览,并且在FF中效果很好:

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

问题是, getAsDataURL()只能在FF中使用。 在Chrome(特别是)有这样的功能类似/解决方法?


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

编辑:更改答案更有帮助。


IE还不支持File API。 无论如何,你需要使用FileReader来读取文件。 此外,该文件不是它的文件名(您的变量命名是有点模糊)。

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




image-preloader