zoukankan      html  css  js  c++  java
  • js获取上传图片真实的尺寸大小和存储大小

    https://blog.csdn.net/u014236259/article/details/52885591

    *************************************************************

        </pre><pre name="code" class="html"><input id="file" type="file">  
        <input id="Button1" type="button" value="button" onclick="check()">  
        <script>  
        window.check=function(){  
        var input = document.getElementById("file");  
        if(input.files){  
                        //读取图片数据  
          var f = input.files[0];  
          var reader = new FileReader();  
          reader.onload = function (e) {  
              var data = e.target.result;  
              //加载图片获取图片真实宽度和高度  
              var image = new Image();  
              image.onload=function(){  
                  var width = image.width;  
                  var height = image.height;  
                  alert(width+'======'+height+"====="+f.size);  
              };  
              image.src= data;  
          };  
              reader.readAsDataURL(f);  
          }else{  
              var image = new Image();   
              image.onload =function(){  
                  var width = image.width;  
                  var height = image.height;  
                  var fileSize = image.fileSize;  
                  alert(width+'======'+height+"====="+fileSize);  
              }  
              image.src = input.value;  
          }  
        }  
        </script>  

  • 相关阅读:
    ES6新特性
    ng-bind与ng-medol 区别
    验证输入两次密码是否一致angularjs
    最全的node.js安装步骤
    JAVA基础
    localStorage 个人使用总结
    mac中怎么安装python3
    macbook配置homebrew以及安装python3
    python之函数进阶
    mysql数据库入门
  • 原文地址:https://www.cnblogs.com/zhao1949/p/9177281.html
Copyright © 2011-2022 走看看