js实现图片压缩特效插件

js实现图片压缩特效插件

js压缩图片插件compressPhotoUpload.js,代码简单大小只有2kb,通过参数设置可快速调整压缩比

使用方法
JS代码文件

1
<script src="js/compressPhotoUpload.min.js"></script>

Javascript代码

1
2
3
4
5
6
7
8
9
10
11
12
document.querySelector("#input").onchange = function() {
    let z = new zz();
    z.compressPhotoUpload({
        elem: this,     //必传,上传图片的input元素
        ratio: 0.3,     //默认为0.1   压缩比
        maxsize: 1, //默认为1024,单位为kb    大于此值则做压缩操作
        success: (e) => {   //必传,成功后的回调函数,返回的参数是图片信息(对象)
            console.log(e);
            document.querySelector(".m").innerHTML = `<a href="${e.data}"  download><img id="img" src="${e.data}" width="200px"/></a>`
        }
    });
}

文件信息:

    1

    发表评论