JavaScript压缩图片的国产类库Compressor

JavaScript压缩图片的国产类库Compressor简要介绍Compressor.js是一款压缩图片的JavaScript组件。它在github上有2.7k颗星,可以用于图片上传时对图片进行压缩。

大家好,欢迎来到IT知识分享网。

简要介绍

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

},

});

});

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

(0)
上一篇 2024-08-06 20:33
下一篇 2024-08-07 15:26

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信