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

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

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

                        reader.onload = function() {   

                            var url = reader.result;   

                            funs.setImageUrl(url);   

                            dom.thumb.html(image);   

                        };   

                        image.onload = function() {   

                            var w = image.naturalWidth,   

                                h = image.naturalHeight;   

                            canvas.width = w;   

                            canvas.height = h;   

                            ctx.drawImage(image, 0, 0, w, h, 0, 0, w, h);   

                            funs.fileUpload();   

                        };   

                        reader.readAsDataURL(file);   

                    },   

                    fileUpload: function() {   

                        var data = canvas.toDataURL("image/jpeg", quality);   

                        //dataURL 的格式为 “data:image/png;base64,****”,逗号之前都是一些说明性的文字,我们只需要逗号之后的就行了   

                        data = data.split(',')[1];   

                        data = window.atob(data);   

                        var ia = new Uint8Array(data.length);   

                        for (var i = 0; i < data.length; i++) {   

(编辑:焦作站长网)

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

推荐文章
    热点阅读