js基于canvas制作图片压缩预览保存打压缩包功能

js基于canvas制作图片压缩预览保存打压缩包功能,可设置jpg图片压缩比例和图片最大宽度,支持用jszip打压缩包下载。

JS代码

<script type="text/javascript" src="jszip/jszip.min.js"></script> 
<script type="text/javascript" src="jszip/FileSaver.js"></script> 
<script type="text/javascript" src="js/JCompressor.js"></script> 
<script> 
            document.getElementById("fileinput").addEventListener("change",inputchange) 
            function inputchange(_this){ 
                var _this = this; 
                var quality = document.getElementById("quality").value; 
                var maxWidth = document.getElementById("maxwidth").value; 
                var loadingDom = document.getElementById("loading"); 
                JCompressor(_this, { 
                    Quality: Number(quality), 
                    MaxWidth: Number(maxWidth), 
                    PreviewContainer: "imgbox", 
                    FileLoad: function(filedata) { 
                        _this.value = ""; 
                    }, 
                    NeedDownload:true, 
                    DownloadLoad:function(nextfn){ 
                        var btnDom = document.getElementById("downloadBtn"); 
                        btnDom.style.color = "blue"; 
                        btnDom.style.borderColor = "blue"; 
                        btnDom.onclick = function() { 
                            nextfn(); 
                            btnDom.onclick = null; 
                            btnDom.style.color = ""; 
                            btnDom.style.borderColor = ""; 
                        } 
                    }, 
                    ChangeBefore:function(){ 
                        loadingDom.innerHTML = "处理中······"; 
                    }, 
                    ChangeAfter:function(){ 
                        loadingDom.innerHTML = ""; 
                    } 
                }) 
            }  
</script>
恭喜,此资源为免费资源,请先
本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
打赏
下载价格:免费
下载说明:本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录