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>  

  • 相关阅读:
    toj 2819 Travel
    toj 2807 Number Sort
    zoj 2818 Prairie dogs IV
    zoj 1276 Optimal Array Multiplication Sequence
    toj 2802 Tom's Game
    toj 2798 Farey Sequence
    toj 2815 Searching Problem
    toj 2806 Replace Words
    toj 2794 Bus
    css截取字符
  • 原文地址:https://www.cnblogs.com/zhao1949/p/9177281.html
Copyright © 2011-2022 走看看