IE7中JS获取上传图宽高

本文介绍了一种使用JavaScript预览图片尺寸的方法。通过读取用户上传的图片文件,利用ActiveX技术展示图片的宽度和高度,并将其显示在网页上。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 

<script language="javascript" type="text/javascript">
   function PrePics(s){
   $('img_hidden').filters.item("DXImageTransform.Microsoft.AlphaImageLoader").sizingMethod = 'image';
  try {
      $('img_hidden').filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = s;
      imgwidth = $('img_hidden').offsetWidth;
    imgheight = $('img_hidden').offsetHeight;
      alert("图片宽度: "+imgwidth+"  图片高度: "+imgheight);
  } catch (e) {
      alert('无效的图片文件。');
      w=0;
      h=0;
      return;
  }
  var wh = {'w' : $('img_hidden').offsetWidth, 'h' : $('img_hidden').offsetHeight};
   $('img_hidden').style.width = wh['w']
   $('img_hidden').style.height = wh['h'];
   $('img_hidden').filters.item("DXImageTransform.Microsoft.AlphaImageLoader").sizingMethod = 'scale';
   $("divPic").innerHTML = '<img style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=\'scale\',src=\'' + s +'\');width:'+wh['w']+';height:'+wh['h']+'"  />';
  }
    function Ok(pname){
        alert(pname);
    }
    function $(o){
        return document.getElementById(o);
    }
</script>
   
<input type="file"  onchange="PrePics(this.value)" id="File1" runat="server" />
<img src="" id="Pic" />
<div id="divPic"></div>
<div id="img_hidden" alt="1" style="position:absolute;top:-100000px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image');width:400px;height:300px"></div>


原文链接: http://www.dlog.cn/nicholascoder/diary/39293043

转载于:https://my.oschina.net/moroseyu/blog/51357

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值