js判断上传图片文件大小，尺寸，格式

/**
 * 文件宽高
 * @param eventId id
 * @param w 宽度
 * @param h 高度
 * @param callback 回调函数
这里判断图片像素的方法是异步的，所以需要在回调函数中来进行上传的操作
 */
function testImgWidthHeight(eventId, w,h,callback){
    var input = document.getElementById(eventId);
    if(input.files){
        //读取图片数据
        var f = input.files[0];
        var reader = new FileReader();
        reader.onload = function (e) {
            var data = e.target.result;
            //加载图片获取图片真实宽度和高度
            var image = new Image();
            image.onload=function(){
                var width = image.width;
                var height = image.height;
                if (width != w || height != h) {
                    //隐藏
                    input.value="";
                    callback && callback(false);
                } else {
                    callback && callback(true);
                }
            };
            image.src= data;
        };
        reader.readAsDataURL(f);

    }else{
        var image = new Image();
        image.onload =function(){
            var width = image.width;
            var height = image.height;
            var fileSize = image.fileSize;
            alert(width+\'===2===\'+height+"====="+fileSize);
        }
        image.src = input.value;
    }
}

/**
 *文件大小
 * @param fileData
 * @param Max_Size
 * @returns {boolean}
 */
function testMaxSize(fileData,Max_Size){
       var isAllow=false;
      var size = fileData.size;
      isAllow = size <= Max_Size;
      if(!isAllow){
         vue.$message({
            message: \'图片大小超过限制！\',
            type: \'warning\'
         });
      }
       return isAllow;
}
/**
 * 判断图片类型
 * @param eventId
 * @param gif|jpg|jpeg|png|GIF|JPG|PNG
 * @returns {boolean}
 */
function testImgType(eventId) {
   var tmpFile = document.getElementById(eventId);
   if (!/\.(jpg)$/.test(tmpFile.value)) {
      tmpFile.value= "";
      vue.$message({
         message: \'图片格式不正确！\',
         type: \'warning\'
      });
      return false;
   }
   return true;
}

　　　　　　　　//上传图片
               getFile(event) {
                   let eventId = event.target.id;
                   let type=  testImgType(eventId);
                   if(!type){
                       return;
                   }
                   let max = testMaxSize(event.target.files[0],1024*3*1024);
                   if(!max){
                       vue.$message({
                           message: \'图片大小超过限制！\',
                           type: \'warning\'
                       });
                       return;
                   }
                   var _this =this;//回调函数this指向
                   let width = 1920;
                   let height = 1080;
                   if(eventId=="img5" || eventId=="img6" || eventId=="img7" || eventId=="img8" ){
                       width =1080;
                       height=1920;
                   }
                   let widthImg = testImgWidthHeight(eventId,width,height,function (res) {
                       if (!res) {
                           vue.$message({
                               message: \'图片尺寸不正确！\',
                               type: \'warning\'
                           });
                       }else {
 //上传请求的逻辑，在回调函数中进行处理；
                           let formData = new FormData();
                           formData.append(\'file\', event.target.files[0]);
                           let config = {
                               headers: {
                                   \'Content-Type\': \'multipart/form-data\'
                               }
                           }
                           _this.$http.post([[@{/common/uploadFile}]], formData, config).then(function (res) {
                               if (res.data.code == \'000\') {
                                   if(eventId==\'img1\' || eventId==\'img2\' ){
                                       _this.designUserList[0].cardImg=res.data.data;
                                   }
                               }
                           })

　　　　　　　　　　　　　　　　　　}

　　　　　　　　　　　　　　　　　　});

　　　　　　　　　　　　　　　　　　　　},