上传前校验图片的宽高

复制代码
checkWH(file) {
        console.log(this.info.templateName,
          'templateNametemplateNametemplateNametemplateName');

        if (this.info.templateName == 1) {
          return this.checkImageWH(file, '750', '1696')
        } else {
          return this.checkImageWH(file, '750', '1624')
        }

      },
      checkImageWH(file, width, height) {
        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() {
              console.log(this.width, this.height, width, height,
                'this.widththis.widththis.widththis.width');
              if (width && this.width != width && height && this.height != height) {
                self.$Message.error(`请上传宽为${width}px,高为${height}px的图片`);
                reject(false);
              } {
                resolve(true);
              }
            };
            image.onerror = reject;
            image.src = src;
          };
          filereader.readAsDataURL(file);
        });
      },
复制代码

 

posted @   张小中  阅读(80)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛(1)
点击右上角即可分享
微信分享提示