首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >Vue中图片压缩的工具

Vue中图片压缩的工具

作者头像
Reset
发布2022-12-27 16:11:31
发布2022-12-27 16:11:31
9120
举报
文章被收录于专栏:ResetReset

图片压缩的工具 : image-conversion

1.安装模块:
代码语言:javascript
复制
npm i image-conversion --save
2.调用
代码语言:javascript
复制
      import * as imageConversion from 'image-conversion';
例子:以0.9的质量压缩图像
代码语言:javascript
复制
function view(){
  const file = document.getElementById('demo').files[0];
  console.log(file);
  imageConversion.compress(file,0.9).then(res=>{
    console.log(res);
  })
}
例子:
代码语言:javascript
复制
 beforeUpload (file) {
                return new Promise((resolve, reject) =>{
                    if(file.size >= 5594304 ){
                        this.$refs['upload'].clearFiles();
                        return this.$message.error("图片不能超过5MB,请重新上传!")

                    }
                    imageConversion.compress(file,0.3).then(res=>{
                        resolve(res);
                        })
                })
            },
VUE
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 图片压缩的工具 : image-conversion
    • 1.安装模块:
    • 2.调用
      • 例子:以0.9的质量压缩图像
      • 例子:
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档