无法使用的Javascript图像预览

时间:2010-04-30 22:30:54

标签: javascript jquery file-upload google-chrome image-preloader

我有以下代码向用户展示他们尝试上传的图片,并且在FF中工作得非常好:

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

问题是,getAsDataURL()仅适用于FF。 Chrome(特别是)中是否存在此类功能的类似/解决方法?

2 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:0)

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

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