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