使用 localResizeIMG 来压缩图片

2018-04-15

前两天写的图片的压缩的工具，使用了 localResizeIMG 这个第三方工具，虽然现在已经不维护了，但毕竟人家已经踩过了很多坑，还是比自己写要高效些。

我主要使用压缩最简单的功能

下载

1	$ wget https://raw.githubusercontent.com/think2011/localResizeIMG/master/dist/lrz.bundle.js

使用

<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