大家好,欢迎来到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);
},
});
});
免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/77542.html