Ant Design of Vue —— Upload組件 -- beforeUpload(圖片寬高限制)


自定義圖片寬高比例限制

checkImageWH(file) {
      let self = this;
      return new Promise(function (resolve, reject) {
          let filereader = new FileReader();
          filereader.onload = e => {
            let src = e.target.result;
            const image = new Image();
            image.onload = function () {
              let res = (image.width/image.height).toFixed(2)
              let r = res > 0.7 && res < 1.3
              if (!r) {
                self.$message.error('視頻圖片 【尺寸比例】寬:高=1:(0.7-1.3)')
                reject()
              } else {
                resolve()
              }
            };
            image.onerror = reject;
            image.src = src;
          };
          filereader.readAsDataURL(file);
      });
    }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM