预览本地图片

最新推荐文章于 2023-06-02 15:56:29 发布

na4y8

最新推荐文章于 2023-06-02 15:56:29 发布

阅读量128

点赞数

分类专栏： JavaScript

JavaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

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， [url]http://html5labs.interoperabilitybridges.com/prototypes/fileapi/fileapi/info[/url] 里的FileAPI也不能用，需要进一步调查。

参考文档：
[url]https://developer.mozilla.org/en/DOM/FileReader[/url]