资讯   |   开发   |   选机中心   |   产品大全 | IBM | 惠普 | 联想 | 戴尔 | 苹果 | 神舟
更多: | 华硕 | 明基 | 方正 | 紫光 | TCL | 夏新 | 联宝 | 宏碁 | 七喜 | 长城 | 清华同方 | 海尔 | 三星 | 东芝 | 索尼 | 富士通 | LG | 技术 | ddnoon
当前位置:笔记本 > 软件开发 >
Advertisement
文章正文

关于取图片尺寸问题!

类型:转载   责任编辑:asp.net   日期:2007/05/23


热门软件下载:


   

我想取得一个在线图片的尺寸大小(也就是说没有上传的过程,只知道图片地址)!哪位大侠能帮帮忙感激不尽!

网友回答:

发表者:meizz

<img   id="meizz"   onerror="alert(该图片不存在)"   onload="getWH(this)"   style="display:   none">  
  <input   type=button   value=测试   onclick="loadIMG()">  
  <SCRIPT   LANGUAGE="JavaScript">  
  <!--  
  function   loadIMG()  
  {  
      var   e   =   document.images["meizz"];  
      e.src="http://expert.csdn.net/images/csdn.gif";  
      e.style.display   =   "";  
  }  
  function   getWH(img)  
  {  
      var   w   =   img.clientWidth;  
      var   h   =   img.clientHeight;  
      img.style.display   =   "none";  
      alert("宽   =   "+   w   +"\r\n高   =   "+   h);  
  }  
  //-->  
  </SCRIPT>

发表者:zorou_fatal

<script>  
  function   GetSize()  
  {  
   
   
  sourceimg.src=imgadd.value;  
   
  imgsize.value="宽度"+sourceimg.width+"高度"+sourceimg.height;  
   
   
  }  
  </script>  
  <div   id="Layer1"   style="position:absolute;   left:45px;   top:15px;   width:141px;   height:135px;   z-index:1;   visibility:   hidden;   overflow:   hidden;">  
  <img   id="sourceimg">  
  </div>  
  图片地址:<input   type="text"   name="imgadd">  
  图片尺寸:<input   type="text"   name="imgsize"   readonly>  
  <input   type="button"   value="获得尺寸"   onclick="GetSize()">

发表者:liuxiaoyi666

哎,本来还想着让看看我的blog呢  
   
      你的src是可以替换的    
      var   w   =   img.clientWidth;  
      var   h   =   img.clientHeight;  
      img.style.display   =   "none";  
      alert("宽   =   "+   w   +"\r\n高   =   "+   h);  
  可以看个半成品吧  
   
  <html>  
   
  <head>  
   
   
  <title>新建网页   1</title>  
  </head>  
  <script>  
  function   liu(){  
  var   address;  
  address   =   document.all.file1.value;  
  if(address!=""){  
  document.all.img1.src=address;  
  var   w   =   document.all.img1.clientWidth;  
  var   h   =   document.all.img1.clientHeight;  
  window.alert("w="+w+"h="+h);  
  }  
  }  
  </script>  
  <body>  
   
  <form   method="POST"   enctype="multipart/form-data"   action="filesize.asp">  
     
      <input   type="file"   name="F1"   size="20"   id="file1"><input   type="submit"   value="提交"   name="B1"><input   type="reset"   value="重置"   name="B2">  
  </form>  
   
  <p><img   border="0"   src="4/1.jpg"   width="315"   height="480"   id="img1"></p>  
  <input   type="button"   onclick="javascript:liu()"   value="预览">   <a   href="javacript:history.go(-1)">houtui</a></body></html>


 

 
热门推荐笔记本: IBM笔记本
相关文章:
webmaster:popbb@126.com   最佳浏览:1024X768 MSIE
©2007 popbb.net All Rights Reserved