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