JS上传图片时获取图片的尺寸

图片上传

目前主流的第三方插件都会提供Upload组件，也就是我们常说的文件上传插件，例如Element antd 等，他们都提供了beforeUpload ，用于做文件上传前的文件检查，比如说文件大小是否合适、图片的尺寸是否合适、文件类型是否符合要求

beforeUpload =(file) =>{//首先判断是否是图片格式，const isImg = file.type == 'image/jpg' || file.type  == 'image/jpeg' || file.type == 'image/png';if(!isImg){console.log('请上传图片')return;}//判断图片的文件大小const fileSizeLt2 = file.size/1024/1024 < 2 ;if(fileSizeLt2){console.log(‘图片小于2MB’);return;}//判断图片的尺寸（做这一块需要了解FileReader  、Image 这两个对象）var fileReader  = new FileReader();let width = 0;let height = 0;reader.onload = (e)=>{var imgData = e.target.result;//获取图片的文件流//通过Image 对象去加载图片var image = new Image();image.onload = ()=>{width = image.width;height = image.height;if(width !== height){console.log('图片比例不一致');return ;}}image.src = data;} fileReader.readAsDataURL(file);return true;}

JS上传图片时获取图片的尺寸相关推荐

上传图片时获取图片的宽高度
此方法不适用IE8 <input type="file" name="上传照片" id="file"> document.get ...
html无法获取图片高宽,如何解决谷歌浏览器下jquery无法获取图片的尺寸
代码如下: $(document).ready(function(){ var img_h=$img.height(); var img_w=$img.width(); }) 以上代码在IE和火狐中没 ...
HTML5获取图片原图尺寸
获取图片显示尺寸在js中可以通过width和height来获取显示的宽高. 在jQuery中可以通过width()方法和height()方法来获取显示的宽高. <!doctype html&g ...
springMVC MultipartFile 上传图片时修改图片大小
1.引言服务器配置比较低,打开网站时加载1MB+的图片速度很慢,影响客户体验.所以从网上找了java修改图片大小的方法,这里记录一下以备以后不时之需.我这里设置的是宽240,,高135 按照16 ...
javascript 获取图片原始尺寸
javascript 获取图片原始尺寸 1 function getImgInfo(url){ 2 var img = new Image(), loaded = false; 3 var info ...
分享一个js获取图片原始尺寸的方法。亲测，好用！！！
首先,大部分人和网上能搜索到的获取图片分辨率或尺寸的方法,应该都是这样: let url = 'url';function getUrlInfo(url) {let image = new Image ...
python如何获取图片的尺寸_如何基于Python获取图片的物理尺寸
如何基于Python获取图片的物理尺寸这篇文章主要介绍了如何基于Python获取图片的物理尺寸,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下问题 ...
百度编辑器上传图片时设置图片展示的最大宽度
我们公司制作常用的网站使用的是我们自己的cms,今天产品提了一个需求,希望在编辑器中上传图片时图片的最大宽度不要超过600px,在百度编辑器中上传图片有两种方式,单图上传和多图上传,而单图上传又分为点 ...
vant上传图片时压缩图片
vant上传图片,有图片的宽高大小限制,可以上传时压缩图片,在这里记录一下. 压缩图片大小 afterRead(file){console.log(file,'0000')this.face = [] ...

JS上传图片时获取图片的尺寸

JS上传图片时获取图片的尺寸

图片上传

JS上传图片时获取图片的尺寸相关推荐

最新文章

热门文章