zoukankan      html  css  js  c++  java
  • 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;

          },

  • 相关阅读:
    用数组实现的字符串和用指针实现的字符串
    c语言 10
    c语言 10-4
    函数间数组的传递,是以指向第一个元素的指针的形式进行传递的。
    openjudge7624 山区建小学
    NOIP2000 乘积最大
    openjudge6252 带通配符的字符串匹配
    codevs 3289 花匠
    codevs 3641 上帝选人
    各种子序列问题
  • 原文地址:https://www.cnblogs.com/xk-one/p/13364670.html
Copyright © 2011-2022 走看看