前言:
此刻兄弟们对“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压缩大小