加入收藏 | 设为首页 | 会员中心 | 我要投稿 焦作站长网 (https://www.0391zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 站长学院 > MySql教程 > 正文

深入研究HTML5实现图片压缩上传功能

发布时间:2020-03-13 11:38:32 所属栏目:MySql教程 来源:站长网
导读:下面小编就为大家带来一篇深入研究HTML5实现图片压缩上传功能。小编觉得挺不错的,现在分享给大家。也给大家一个参考,一起跟随小编过来看看吧

                var $self = $(this);   

                var quality = opts.quality ? opts.quality / 100 : 0.2;   

                var dom = {   

                    "fileToUpload": $self.find(".fileToUpload"),   

                    "thumb": $self.find(".thumb"),   

                    "progress": $self.find(".upload-progress")   

                };   

                var image = new Image(),   

                    canvas = document.createElement("canvas"),   

                    ctx = canvas.getContext('2d');   

                var funs = {   

                    setImageUrl: function(url) {   

                        image.src = url;   

                    },   

                    bindEvent: function() {   

                        console.log(dom.fileToUpload)   

                        dom.fileToUpload.on("change"function() {   

                            funs.fileSelect(this);   

                        });   

                    },   

                    fileSelect: function(obj) {   

                        var file = obj.files[0];   

                        var reader = new FileReader();   

(编辑:焦作站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

推荐文章
    热点阅读