js本地图片上传预览

最新推荐文章于 2024-09-15 12:24:01 发布

chuzhanzhong

最新推荐文章于 2024-09-15 12:24:01 发布

阅读量93

点赞数

分类专栏： javascript 文章标签：图片预览 IE firefox chrome

本文链接：https://blog.csdn.net/chuzhanzhong/article/details/84528907

版权

javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

IE6：

      Java代码   
      
    
//img: image object  
//file: file inputbox object  
img.src = file.value;  

IE7-8：

      Java代码   
      
    
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以下：

      Java代码   
      
img.src = file.files[0].getAsDataURL();

Firefox 3.6 (1.9.2)+，Chrome 7+，IE10+，Opera 11.1+，Safari Nightly build：

      Java代码   
      
    
var oFile = file.files[0];  
var oFReader = new FileReader();  
oFReader.onload = function (oFREvent) {  
    img.src = oFREvent.target.result;  
};  
oFReader.readAsDataURL(oFile);  