如何上傳base64編碼圖片到七牛雲

時間 2019-11-08

原文原文鏈接

接口說明

POST /putb64/<Fsize>/key/<EncodedKey>/mimeType/<EncodedMimeType>/crc32/<Crc32>/x:user-var/<EncodedUserVarVal>
Host: upload.qiniu.com
Authorization: UpToken <UpToken>
Content-Type: application/octet-stream

<Base64EncodedFileContent>

<Fsize>: 文件大小，必選。javascript
<EncodedKey>: 可選，若是沒有指定則：若是 uptoken.SaveKey 存在則基於 SaveKey 生產 key，不然用 hash 值做 key。html
<EncodedMimeType>: 文件的 MIME 類型。可選，默認是 application/octet-stream。java
<Crc32>: 文件內容的 crc32 校驗值。可選，不指定則不進行校驗。api
Host ：上傳域名up.qiniu.com 用於服務端上傳，upload.qiniu.com 用於客戶端的上傳app

返回包：ui

200 OK {
  hash: <ETag>
}

經過javascript方式上傳：

javascript代碼：編碼

 
      function  
      putb64(){ 
     
      var  
      pic =  
      "填寫你的base64後的字符串" 
      ; 
     
      var  
      url =  
      "http://upload.qiniu.com/putb64/20264" 
      ; 
     
      var  
      xhr =  
      new  
      XMLHttpRequest(); 
     
      xhr.onreadystatechange= 
      function 
      (){ 
     
      if  
      (xhr.readyState==4){ 
     
      document.getElementById( 
      "myDiv" 
      ).innerHTML=xhr.responseText; 
     
      } 
     
      } 
     
      xhr.open( 
      "POST" 
      , url,  
      true 
      ); 
     
      xhr.setRequestHeader( 
      "Content-Type" 
      ,  
      "application/octet-stream" 
      ); 
     
      xhr.setRequestHeader( 
      "Authorization" 
      ,  
      "UpToken  填寫你從服務端獲取的上傳token" 
      ); 
     
      xhr.send(pic); 
     
      }

注意事項：

var url = "http://upload.qiniu.com/putb64/20264"; 這裏的20264是你的圖片的沒通過base64處理的原圖的字節大小。url
xhr.setRequestHeader("Authorization", "UpToken 填寫你從服務端獲取的上傳token"); 這裏的UpToken與後面的字符串保留一個空格。後面跟上你在服務端請求的token的字符串。具體你經過什麼樣子的請求方式得到是客戶本身要關心的事情。spa
獲取文件大小的時候，切記要經過文件流的方式獲取。而不是經過圖片標籤而後轉換後獲取。code
var url = "http://upload.qiniu.com/putb64/20264"; 中能夠擴展爲如下方式：http://upload.qiniu.com/putb64/Fsize/key/EncodedKey/mimeType/EncodedMimeType/x:user-var/EncodedUserVarVal

Fsize: 文件大小，必選。支持傳入 -1 表示文件大小以 http request body 爲準。
EncodedKey: 可選，若是沒有指定則：若是 uptoken.SaveKey 存在則基於 SaveKey 生產 key，不然用 hash 值做 key。 .
整個EncodedKey須要通過base64編碼！！
如：

var key = uuid();
key = base64encode(key);
var url = 'http://upload.qiniu.com/putb64/-1/key/'+key

具體能夠參照: http://developer.qiniu.com/docs/v6/api/overview/appendix.html#urlsafe-base64
EncodedMimeType: 文件的 MIME 類型。可選，默認是 application/octet-stream。
舉例：上傳後並指定自定義的key： http://upload.qiniu.com/putb64/12345/key/usxxeigng=