码迷,mamicode.com
首页 > Web开发 > 详细

获取上传图片的宽高尺寸

时间:2020-05-06 14:00:08      阅读:85      评论:0      收藏:0      [点我收藏+]

标签:reader   his   hang   new   asd   style   height   dpi   code   

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

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

 

获取上传图片的宽高尺寸

标签:reader   his   hang   new   asd   style   height   dpi   code   

原文地址:https://www.cnblogs.com/ybhome/p/12835598.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!