获取上传图片的宽高尺寸

Posted 2020-11-28 ybhome

我们在上传图片时经常需要判断图片的尺寸是否在要求范围内

 <input type="file"  onchange="loadPic(this)"/>

 var Max_Size = 2000; //2M
 var Max_Width = 100; //100px
 var Max_Height = 200; //200px
         function loadPic(file){
            var fileData = file.files[0];
            var reader = new FileReader();
                 reader.onload = function (e) {
                     var data = e.target.result;
                   //加载图片获取图片真实宽度和高度
                     var image = new Image();
                     image.src= data;
                     image.onload=function(){
                         var width = image.width;
                         var height = image.height;
                         console.log(width,height)//图片真实宽高
                         
                     };
                 };
                 reader.readAsDataURL(fileData);
}