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;

      },


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM