javascript - 如何把前端的base64图片上传到阿里云oss
phpcn_u1582
phpcn_u1582 2017-07-05 10:26:13
0
3
2383

如何把前端的base64图片上传到阿里云oss

phpcn_u1582
phpcn_u1582

全部回复(3)
滿天的星座

先把数据decode_base64, 然后通过

  • 流式上传就直接把解出来的内容直接上传

  • 文件上传,就保存为临时文件,再按传统方式上传

習慣沉默

你现在是获取到了base64的图片了吗 如果是的话 那就调用oss对应的上传接口不就好了 如果没有获取到base64格式的图片 就用下面的办法:

init : function(options) {
            var oThis = this;
            if( typeof FileReader==='undefined' ) { 
                this.imgBox.innerHTML = "抱歉,你的浏览器不支持 FileReader"; 
                this.file.setAttribute('disabled','disabled'); 
            } else { 
                this.file.addEventListener('change', oThis.readFile.bind(this), false); 
            } 
        },
        readFile : function(event) {
            var file = this.file.files[0],
                oThis = this;
                console.log(this);
            if ( !oThis.reg.test(file.type) ) { 
                alert("文件必须为图片!"); 
                return; 
            } 
            var reader = new FileReader();
            reader.readAsDataURL(file); 
            reader.onload = function(e) { 
                var img = new Image(),
                    length = this.result.length,
                    result = this.result;
                img.src = result;
                img.onload = function () {
                    if ( length > oThis.maxSize ) {
                        result = oThis.compress(img);
                    } 
                    oThis.imgBox.src = result;
                    oThis.cb(result);
                };
            } 
        },
        compress : function(img) {
            var width = img.width,
                height = img.height,
                data = null;
            this.canvas.width = img.width;
            this.canvas.height = img.height;
            this.ctx.drawImage(img, 0, 0, width, height);
            data = this.canvas.toDataURL('image/jpeg', this.ratio);
            return data;
        }
女神的闺蜜爱上我

看这里 -- http://www.jianshu.com/p/665d...

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!