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;

          },

  • 相关阅读:
    项目部署
    nginx
    IDEA中Lombok插件的安装与使用
    Git常用命令总结
    CentOS 7 NAT模式上网配置
    一名3年工作经验的java程序员应该具备的技能
    maven 项目加载本地JAR
    linux压缩(解压缩)命令详解
    jdk7与jdk8环境共存与切换
    linux服务器卸载本机默认安装的jdk
  • 原文地址:https://www.cnblogs.com/xk-one/p/13364670.html
Copyright © 2011-2022 走看看