element-ui 限制图片尺寸上传

//上传图片尺寸验证

 beforeQrcodeUpload(file) {

       const isJpg = /image/(png|jpe?g|gif)$/.test(file.type);

        const isLt2M = file.size / 1024 / 1024 < 2;

        if (!isJpg) {

          this.$message.error('上传图片只能是 JPG/PNG 格式!');

        }

        if (!isLt2M) {

          this.$message.error('上传图片大小不能超过 2MB!');

        }

        const isSize = new Promise(function(resolve, reject){

          let width = 300;

          let height = 300;

          let _URL = window.URL || window.webkitURL;

          let img = new Image();

          img.onload = function(){

            let valid = img.width == width && img.height == height;

            valid ? resolve() : reject();

          }

          img.src = _URL.createObjectURL(file);

        }).then(()=>{

          return file;

        }()=>{

          this.$message.error('上传图片的尺寸不对');

          return Promise.reject()

        })

        return isJpg && isLt2M && isSize;

      },

原文地址:https://www.cnblogs.com/xk-one/p/13364670.html