代码之家 › 专栏 › 技术社区 › Jason

持久的Javascript图像预览

image-preloader google-chrome file-upload jquery javascript

Jason · 技术社区 · 16 年前

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

问题是, getAsDataURL() 仅适用于FF。在Chrome中有类似的解决方法吗?

2 回复 | 直到 16 年前

Henrik Hansen 16 年前

如果浏览器不支持 getAsDataURL 您可以确保文件输入使用Gears' openFiles (向下滚动)读取用户选择的文件。 getAsDataURL() 实现。

编辑:

Aram Mkrtchyan 14 年前

IE还不支持文件API。无论如何,您需要使用文件读取器来读取文件。另外,文件不是它的文件名(变量命名有点不明确)。

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

推荐文章

Scott-MEARN-Developer · FileReader()以角度返回未定义和伪路径

4 年前

Lamberto Fredrick Nababan · PHP/MySQL-在执行单个上载时输入两次数据

8 年前

Wai Yan Hein · 上传时,Laravel正在旋转图像

8 年前

Chris · 要在chrome中添加哪个标志才能不看到c:/fakepath

8 年前

Yu.Pan · 如何上载文件夹或找到替换文件夹的方法

8 年前

Karma Blackshaw · 文件输入类型的未定义索引[重复]

8 年前

TheSwiftGuy77 · 使用Swift 4将Pdf、Docx和图像文件上载到服务器

8 年前

acb1980 · 上次更新后,Safari(iOS和OS X)上的Ajax文件上传中断

8 年前

Marcus Grass · Django将文件保存到磁盘文件夹的最简单方法,无需使用模型

8 年前

ahmed · 使用Mysql在php//中上载图像时无法打开流

8 年前