ul-upload 图片压缩

78 阅读1分钟

ul-upload 图片压缩

插件image-conversion

安装依赖

npm i image-conversion

页面当中引入

npm i image-conversion

使用

beforeUpload(file) {
        // 判断是图片
      const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';
      if (!isJpgOrPng) {
        console.log('上传头像图片只能是 JPG 或 PNG 格式!');
        return false;
      }
      return new Promise((resolve) => {
        // 压缩到100KB,这里的100就是要压缩的大小,可自定义
        imageConversion.compressAccurately(file, 100).then(res => {
          console.log(res)
          resolve(res);
        });
      })
    }