如何获取上传图片的大小

  1. </pre><pre name="code" class="html"><input id="file" type="file">  
  2. <input id="Button1" type="button" value="button" onclick="check()">  
  3. <script>  
  4. window.check=function(){  
  5. var input = document.getElementById("file");  
  6. if(input.files){  
  7.                 //读取图片数据  
  8.   var f = input.files[0];  
  9.   var reader = new FileReader();  
  10.   reader.onload = function (e) {  
  11.       var data = e.target.result;  
  12.       //加载图片获取图片真实宽度和高度  
  13.       var image = new Image();  
  14.       image.onload=function(){  
  15.           var width = image.width;  
  16.           var height = image.height;  
  17.           alert(width+'======'+height+"====="+f.size);  
  18.       };  
  19.       image.srcdata;  
  20.   };  
  21.       reader.readAsDataURL(f);  
  22.   }else{  
  23.       var image = new Image();   
  24.       image.onload =function(){  
  25.           var width = image.width;  
  26.           var height = image.height;  
  27.           var fileSize = image.fileSize;  
  28.           alert(width+'======'+height+"====="+fileSize);  
  29.       }  
  30.       image.src = input.value;  
  31.   }  
  32. }  
  33. </script>  




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值