javascript - 如何把前端的base64圖片上傳到阿里云oss
問題描述
如何把前端的base64圖片上傳到阿里云oss
問題解答
回答1:先把數據decode_base64, 然后通過
流式上傳就直接把解出來的內容直接上傳
文件上傳,就保存為臨時文件,再按傳統方式上傳
回答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;}回答3:
看這里 -- http://www.jianshu.com/p/665d...
相關文章:
1. javascript - sublime快鍵鍵問題2. javascript - immutable配合react提升性能?3. vue.js - Vue 如何像Angular.js watch 一樣監聽數據變化4. 如何解決Centos下Docker服務啟動無響應,且輸入docker命令無響應?5. 實現bing搜索工具urlAPI提交6. javascript - 移動端上不能實現拖拽布局嗎?7. thinkPHP5中獲取數據庫數據后默認選中下拉框的值,傳遞到后臺消失不見。有圖有代碼,希望有人幫忙8. javascript - ios返回不執行js怎么解決?9. angular.js - 單頁應用(ng/vue)該如何監聽用戶離開當前頁面(或者路由)?10. index.php錯誤,求指點

網公網安備