獲取上傳圖片的寬高尺寸

我們在上傳圖片時經常需要判斷圖片的尺寸是否在要求范圍內

 <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);
}