• 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;

          },

  • 相关阅读:
    AutoCAD.NET 二次开发(一) 自定义菜单及自动加载
    WSS 3.0部署备忘 一
    WSS 3.0部署备忘 四
    WSS 3.0部署备忘 三
    WSS 3.0部署备忘 二
    loj_1042
    loj_1045
    vim的学习笔记(3)
    Linux的磁盘与文件管理系统(1)
    文件与文件系统的压缩与打包
  • 原文地址:https://www.cnblogs.com/xk-one/p/13364670.html
Copyright © 2020-2023  润新知