七牛圖片上傳JSSDK

伽馬科技.攻城師發表於2016-04-08
原文網址 : https://www.cnblogs.com/chjw8016/p/5367679.html
JS

BASE64圖片上傳

介面說明：

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>: 必選，檔案大小，沒經過base64處理的原圖的位元組大小，支援傳入 -1 表示檔案大小以 http request body 為準。

  • <EncodedKey>: 可選，如果沒有指定則：如果 uptoken.SaveKey 存在則基於 SaveKey 生產 key，否則用 hash 值作 key。

  • <EncodedMimeType>:可選， 檔案的 MIME 型別，預設是 application/octet-stream。

  • <Crc32>: 可選，檔案內容的 crc32 校驗值，不指定則不進行校驗。

  • Authorization：UpToken與後面的字串保留一個空格。後面跟上你在服務端請求的token的字串。

舉例：

function putb64(){    
　　var pic = "base64後的圖片字串";    
　　var url = "http://up.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);
}

 

相關文章