Compressor–JavaScript压缩图片的国产类库

简要介绍

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

JavaScript压缩图片的国产类库Compressor

Github地址

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

安装

npm install compressorjs

引用

import Compressor from \’compressorjs\’;

效果

JavaScript压缩图片的国产类库Compressor
JavaScript压缩图片的国产类库Compressor

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

},

});

});

内容出处:,

声明:本网站所收集的部分公开资料来源于互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。文章链接:http://www.yixao.com/share/19264.html

发表评论

登录后才能评论