饿了么el-upload自定义上传图片格式尺寸校验_饿了么上传限制文件数量_闹闹的闹钟的博客-程序员秘密

<el-upload
  class="avatar-uploader"
  accept="image/*"
  :http-request="(param) => uploadImage(param)"
  action="～～"
  :limit="1"
  ref="coverPicUpload"
  :show-file-list="false"
  :before-upload="beforeUpload"
>
  <el-image
    style="width: 300px; height: 150px"
    fit="contain"
    v-if="picUrl"
    :src="picUrl"
  >
  </el-image>
  <i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>

beforeUpload(file) {
      const isJPG = (file.type == "image/jpg" || file.type == "image/jpeg" || file.type == "image/gif");
      if (!isJPG) {
        this.$message.error("图片只能是 JPG、GIF 格式!");
      }

      const isSize = new Promise(function(resolve, reject) {
        let width = 1920;
        let height = 1080;
        let _URL = window.URL || window.webkitURL;
        let image = new Image();
        image.onload = function() {
          let valid = image.width == width && image.height == height;
          valid ? resolve() : reject();
        };
        image.src = _URL.createObjectURL(file);
      }).then(
        () => {
          return file;
        },
        () => {
          this.$message.error("上传封面图片尺寸不符合,只能是1920*1080!");
          return Promise.reject();
        }
      )

      return isJPG && isSize;
},

本文链接：https://blog.csdn.net/weixin_42157001/article/details/122743150

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

刚刚注册欢迎来玩_注册刚刚_a1050290788的博客-程序员秘密

学习学习学习中··· 菜鸟一个

参数化图形驱动及Web零件库的研究开发_weixin_33806300的博客-程序员秘密

参数化图形驱动及 Web零件库的研究开发对于设计人员， Web零件库可以加快产品设计；对零件供应商，可为其提供宣传平台。在广大中小企业，CAD的运用已十分广泛，往往也拥有自己的零件库。但其数据管理和资源共享上，却存在以下问题： 1）企业根据自身需求选用了不同的 CAD系统，这些系统拥有不同的零件格式，系统间格式无法通用。 2)零件库数据结构冗余，零件...

NLP——LDA(Latent Dirichlet Allocation-潜在狄利克雷分布)_weixin_30593261的博客-程序员秘密

一、首先是贝叶斯参考机器学习(一) —— 浅谈贝叶斯和MCMC其中π指的是参数的概率分布，π(θ)π(θ)指的是先验概率，π(θ|x)指的是后验概率，f(x|θ)指的是我们观测到的样本的分布，也就是似然函数(likelihood)，记住竖线|左边的才是我们需要的。其中积分求的区间Θ指的是参数θθ所有可能取到的值的域，所以可以看出后验概率π(θ|x)是在...

数据结构之---C语言实现二叉排序树（BinarySortTree）_建立二叉排序树 c_杨鑫newlfe的博客-程序员秘密

数据结构之---C语言实现二叉排序树（BinarySortTree）

【计算机网络 (谢希仁) 习题题解】第5章运输层 (3)——滑动窗口；流量控制_计算器在线使用_今岁成蹊的博客-程序员秘密

计算机网络 (谢希仁) 第7版习题题解第5章运输层滑动窗口；流量控制

CSS样式嵌入html中的三种方式_css怎么嵌入到html_tanxinji的博客-程序员秘密

当我们写一个html静态页面的时候，发现所生成的排版或者效果非常的不好时，我们就可以使用CSS样式来美化所生成的html的控件，css样式的生效完全依赖于html文件，下面介绍如何将css样式嵌入到html中。 1.在每个标签中嵌入 ...