欢迎大家来到IT世界,在知识的湖畔探索吧!

简要介绍

Compressor.js是一款压缩图片的JavaScript组件。它在github上有2.7k颗星，可以用于图片上传时对图片进行压缩。值得一提的是，该作品是正宗的国货，产地中国杭州，在这里给作者点个赞。

Github地址

https://github.com/fengyuanchen/compressorjs/

安装

npm install compressorjs

引用

import Compressor from ‘compressorjs’;

效果

import axios from ‘axios’;

import Compressor from ‘compressorjs’;

document.getElementById(‘file’).addEventListener(‘change’, (e) => {

const file = e.target.files[0];

if (!file) {

return;

}

new Compressor(file, {

quality: 0.6,

success(result) {

const formData = new FormData();

// The third parameter is required for server

formData.append(‘file’, result, result.name);

// Send the compressed image file to server with XMLHttpRequest.

axios.post(‘/path/to/upload’, formData).then(() => {

console.log(‘Upload success’);

});

},

error(err) {

console.log(err.message);

},

});

});