龙空技术网

JavaScript压缩图片的国产类库Compressor

紫王 1000

前言:

此刻兄弟们对“js压缩大小”大致比较注意,咱们都需要剖析一些“js压缩大小”的相关知识。那么小编同时在网络上网罗了一些对于“js压缩大小””的相关内容,希望你们能喜欢,同学们一起来了解一下吧!

简要介绍

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

Github地址

安装

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);

},

});

});

标签: #js压缩大小