image-compressor.js
时间: 2024-08-16 18:05:41 浏览: 66
`image-compressor.js`通常是指一个JavaScript库,用于压缩图像以减少文件大小,提高网页加载速度。这个库可以帮助你在前端对上传的图片进行优化,而不必将它们发送到服务器后再进行处理。
以下是如何使用`image-compressor.js`的一个简单示例:
```javascript
// 引入image-compressor.js库(假设已下载并引入)
var ImageCompressor = require('image-compressor');
// 创建ImageCompressor实例
var compressor = new ImageCompressor();
// 压缩图片
compressor.compress({
image: document.getElementById('input-image'), // 输入的图片元素
quality: 0.8, // 压缩质量,范围0-1,默认0.8
maxWidth: 500, // 最大宽度
maxHeight: 500, // 最大高度
callback: function (result) { // 压缩完成后回调
var compressedImage = result.image; // 压缩后的图片
// 将压缩后的图片插入到DOM或其他用途
},
error: function (err) { // 错误处理
console.error('Error compressing image:', err);
}
});
```
阅读全文