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