vue 上传图片时压缩大小——image-conversion

最新推荐文章于 2024-06-01 23:46:38 发布

Missy Peng

最新推荐文章于 2024-06-01 23:46:38 发布

阅读量1.6w

点赞数 7

分类专栏： vue

本文链接：https://blog.csdn.net/Superman_peng/article/details/107740407

版权

本文介绍了在Vue项目中如何利用imageConversion模块来压缩图片，包括安装模块、引入并使用该模块，以及两种压缩方法：压缩到指定大小和按质量比例压缩。通过示例展示了压缩前后图片文件大小的变化。

摘要由CSDN通过智能技术生成

1、安装模块

npm i image-conversion --save

在需要用到图片压缩的地方，引入imageConversion

in CommonJS:

const imageConversion = require("image-conversion");

in ES6:

import * as imageConversion from 'image-conversion';
or
import {
   compress, compressAccurately} from 'image-conversion';

//把图片文件作为参数传递到方法中
beforeAvatarUpload(file) {
   
	console.log(file)
	const isJpgOrPng = file.type === 'image/jpeg' || file.type ===

关注

专栏目录