上传图片校验图片类型 大小及尺寸

一、校验图片的类型、大小

function imageVerify(file, size) {//判断上传的文件后缀是否否和规范for(var i = 0; i < file.length; i++) {var fileSuffix = file[i].name.substr(file[i].name.indexOf("."));//判断图片上传的格式if(fileSuffix !== ".jpg" && fileSuffix !== ".png" && fileSuffix !== ".jpeg") {alert("只允许上传的图片格式(.jpg.png.jpeg)!");return false;}//判断上传图片的大小//当前获取到图片大小为字节（单位），if(file[i].size > 1048576) {alert("上传图片在" + (1048576/ 1024) + "kb之内!");return false;}}return true;}

二、校验图片的尺寸

//判断上传的图片的宽高function widthHeightVerify(file) {return new Promise(function(resolve) {var image = new Image();image.onload = function() {if(image.width > 800|| image.height > 800) {resolve(false);} else {resolve(true);}}image.src = window.URL.createObjectURL(file);});}

单图上传时正常调用即可

多图上传时需应用

Promise.all([]).then(function(res) {})

Promise 不兼容IE页面需引入

<script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>