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;

          },

  • 相关阅读:
    第二册二十一课
    第二册第二十课
    第二册第十九课
    第二册第十八课
    あなたがいるから (因为有你)
    flash 概要分析器
    this与回调函数
    cpp可变参笔记
    struct详解
    函数传递小结
  • 原文地址:https://www.cnblogs.com/xk-one/p/13364670.html
Copyright © 2011-2022 走看看