图片压缩上传

最新推荐文章于 2022-05-15 23:35:56 发布

weixin_30588827

最新推荐文章于 2022-05-15 23:35:56 发布

阅读量61

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/blog-akang/p/10364125.html

本文介绍如何使用lrz.bundle.js进行图片处理，包括文件引入、兼容性处理及使用示例代码。通过querySelector选择文件输入元素，监听change事件，调用lrz处理选中文件，成功后将base64字符串设置为图片源。

传送地址

下载下来后dist目录下的文件不要改动，只需要把 lrz.bundle.js 引入就可以，遇到兼容时会自动引入其他相关的文件。

 document.querySelector('input[file]').addEventListener('change', function () {
                lrz(this.files[0])
                    .then(function (res) {
　　　　　　　　　　　　　　//成功
                        var baseImg = res.base64
                        $('.face-card img').attr('src', baseImg)
                    })
                    .catch(function (err) {
　　　　　　　　　　　　　//失败
　　　　　　　　　　　　})
                    .always(function () {
                        // 不管是成功失败，都会执行
                    });
            });

转载于:https://www.cnblogs.com/blog-akang/p/10364125.html