element限制上传图片格式和大小尺寸压缩

最新推荐文章于 2024-06-13 08:58:58 发布

旺仔牛奶唐_

最新推荐文章于 2024-06-13 08:58:58 发布

阅读量245

点赞数

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/m0_65826745/article/details/127671244

版权

// 压缩
import * as imageConversion from "image-conversion";
    
beforeUpload(file) {
      return new Promise((resolve, reject) => {
      const isJPG = file.type === "image/jpeg";
      if (!isJPG) {
        this.$message.error("上传图片只能是 JPG 格式!");
        return;
      }
      let isLt2M = file.size / 1024 / 1024 < 2; // 判定图片大小是否小于2MB
      if (isLt2M) {
        resolve(file);
      }
      //console.log(file); // 压缩到400KB,这里的400就是要压缩的大小,可自定义
      imageConversion
        .compressAccurately(file, 500)
        .then((res) => {
          console.log(res);
          resolve(res);
        })
        .catch(() => {
          this.$message.error("图片压缩失败，请联系管理员进行查看！");
          reject();
        });
      });
    },