javascript - 如何把前端的base64圖片上傳到阿里雲oss

Question

如何把前端的base64圖片上傳到阿里雲oss

Answer 1

先把資料decode_base64, 然後透過

• 流式上傳就直接把解出來的內容直接上傳

• 文件上傳，就儲存為臨時文件，再以傳統方式上傳

Answer 2

你現在是獲取到了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;
        }

Answer 3

看這裡 -- http://www.jianshu.com/p/665d...