注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

清风幻影的博客

Where there is love, I will be there.

 
 
 

日志

 
 
关于我

同是天涯沦落人,相逢何必曾相识. 天生我材必有用,千金散尽还复来. 天若有情天亦老,人间正道是沧桑. 月影西斜人已去, 堤上梅花情依旧, 此情故已成追忆, 美人如玉夜留香

网易考拉推荐

兼容IE6,IE7的图片预览 firefox chrome  

2013-07-05 16:48:00|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
IE6, IE7

<html>
<body>
<script type="text/javascript" language="javascript">
<!--
function PreviewImg(imgFile){

var newPreview = document.getElementById("newPreview");

var imgDiv = document.getElementById("showPicUrl");

imgDiv.style.width = "118px"; imgDiv.style.height = "127px";
imgDiv.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod = scale)";
imgDiv.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;

}
-->
</script>

IE6,IE7,IE8图片预览 在页面中加入如下代码:

<div id="newPreview"></div>
<div id="showPicUrl"></div>
<hr />
<p>
选择图片:<input type="file" size="20" onchange="javascript:PreviewImg(this);" />
</p>
</body>
</html>

 firefox, chrome浏览器
 
 var pre_pic_id ="#div134";
  FileReader = window.FileReader;
   if (FileReader) { 
     //FF chrome预览
       var reader = new FileReader(), 
           file = obj.files[0]; 
       reader.onload = function(e) { 
           $(pre_pic_id).html("");
           $(pre_pic_id).append('<img width="120" height="100" src="http://qingfengxia2.blog.163.com/blog/' +e.target.result+ '">');
       }; 
       reader.readAsDataURL(file); 
   }


  评论这张
 
阅读(523)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018