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

根据url获取真实宽高

var url = require("url");
var http = require("http");
var sizeOf = require("image-size");
var imgUrl = this.imgUrl; //图片URL
http.get(url.parse(imgUrl), function(response) {
  var chunks = [];
  response
    .on("data", function(chunk) {
      chunks.push(chunk);
    })
    .on("end", function() {
      var buffer = Buffer.concat(chunks);
      const { width, height } = sizeOf(buffer);
	  console.log(sizeOf(buffer),width,height)
    });
});

上传图片时获取真实宽高

 </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>