JS根据url获取图片真实宽高 && 上传图片获取真实宽高

约定不等于承诺〃 2023-01-21 03:27 19阅读 0赞

## 根据url获取真实宽高 ##

## 上传图片时获取真实宽高 ##

</pre><pre name="code" class="html"><input id="file" type="file"> <input id="Button1" type="button" value="button" οnclick="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.οnlοad=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>