前两天写的图片的压缩的工具，使用了 localResizeIMG 这个第三方工具，虽然现在已经不维护了，但毕竟人家已经踩过了很多坑，还是比自己写要高效些。
我主要使用压缩最简单的功能
下载
1
| $ wget https://raw.githubusercontent.com/think2011/localResizeIMG/master/dist/lrz.bundle.js
|
使用
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
| <img id="origin" src="/images/springhw1.png" width="200"/>
<img id="preview" width="200"/>
<div id="fs"></div>
<script type="text/javascript" src="/js/lrz.bundle.js"></script>
<script>
lrz('/images/springhw1.png', {quality:0.2})
.then(function (rst) {
// 处理成功会执行
var imgDoc = document.getElementById('preview');
imgDoc.src = rst.base64
var fs = rst.fileLen / Math.pow(1024, 1)
fs = Math.floor(fs)
document.getElementById('fs').innerHTML = '压缩后大约：' + fs + 'KB'
})
.catch(function (err){
// 处理失败会执行
console.log(err);
})
.always(function () {
// 不管是成功失败，都会执行
});
</script>
|
试一下
参数文档详见：https://github.com/think2011/localResizeIMG/wiki/2.-%E5%8F%82%E6%95%B0%E6%96%87%E6%A1%A3