IE6:
//img: image object
//file: file inputbox object
img.src = file.value;
IE7-8:
var src = '';
file.select();
try {
src = document.selection.createRange().text;
} finally {
document.selection.empty();
}
src = src.replace(/[)'"%]/g, function(s){ return escape(escape(s)); });
img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale',src=\"" + src + "\")";
Firefox 6以下:
img.src = file.files[0].getAsDataURL();
Firefox 3.6 (1.9.2)+,Chrome 7+,IE10+,Opera 11.1+,Safari Nightly build:
var oFile = file.files[0];
var oFReader = new FileReader();
oFReader.onload = function (oFREvent) {
img.src = oFREvent.target.result;
};
oFReader.readAsDataURL(oFile);
IE9:不能用IE8的方法,也不支持FileReader,
http://html5labs.interoperabilitybridges.com/prototypes/fileapi/fileapi/info 里的FileAPI也不能用,需要进一步调查。
参考文档:
https://developer.mozilla.org/en/DOM/FileReader
分享到:
相关推荐
jquery file上传预览本地图片支持IE6\7\8\9\10 chrome 火狐 网上有很多关于 file上传预览本地图片开源角本但都对支持到IE6\7\8,而且chrome 火狐最新版本也有问题,自己动手丰衣足食。分享给给大家。
本文是对getAsDataURL在Firefox7.0下无法预览本地图片的解决方法。进行了分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助
本地图片预览 html+js 本地 图片 预览 html+js 不需要上传 预览
保你好用! 网上有很多file预览本地的图片,可在客户端不行。自己用滤镜写了一个预览本地的图片,服务端客户端都可以,兼容主流浏览器。如果好用,请赞!赞!
本地预览图片,js写的,可以添加、删除图片,本地预览图片,,
实现了在ie8 的图片上传预览失败的功能,
NULL 博文链接:https://zjutsoft.iteye.com/blog/1193033
vue 2.5.2 版本 vue组件 实现点击预览大图功能,点击下载图片功能(不兼容IE,适用于PC端) 内部代码可实现点击图片旋转效果,在本处无用,故注释掉,如有需要可打开调整.
Jsp中显示本地图片预览,更好的显示图片效果。
图片上传本地预览插件
tinymce新增的本地图片预览功能,具体实现依靠jquery和ajax,代码并不复杂
本地预览Svg图片
js 手机端 图片放大预览
本地图片预览
在网上找到一个高手写本地图片上传预览的插件,测试通过ie6,ff2.0、3.6,做成个Demo拿来和大家分享,jsp实现
使用jquery上传前,预览图片,裁剪,示例使用php接收上传的文件,并且保存为裁剪后的图片。不需要上传后再裁剪图片,只需要本地裁剪好即可,裁剪的时候也可以旋转图片。
此工程下页面test.jsp为图片选中预览功能实现
//最近在研究creator html5开发,喜欢交流的加扣扣群427719099,各种资源各种技术应有尽有
兼容ie[6-9]、火狐、Chrome、opera、maxthon3、360浏览器的js本地图片预览
Jquery 表单验证+本地图片上传-切割-预览 完全项目 希望不要用于商业用途