代码改变世界

如何上传base64编码图片到七牛云

2019-10-15 10:15  Spiderman25  阅读(329)  评论(0)    收藏  举报

https://developer.qiniu.com/kodo/kb/1326/how-to-upload-photos-to-seven-niuyun-base64-code

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
</head>
<body>
</body>
<div id="myDiv"><div>
<script type="text/javascript">
    function putb64(){
      var pic = "iVBORw0KG.......BBEMSEQg6AIAhiQiEHQBAEMaGQAyAIgphQyAEQBEFMKOQACIIgJhRyAARBEBMKOQCCIIgJhRwAQRDEhEIOgCAIYkIhB0AQBDGhkAMgCIKYUMgBEARBTCjkAAiCICaU/w/lVeBsrBuBsgAAAABJRU5ErkJggg==";
      var url = "http://up-z2.qiniup.com/putb64/31417/key/RW5jb2RlZEtleQ=="; //非华东空间需要根据注意事项 1 修改上传域名
      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 PZt-miRXtGOMowsRVvpBZNJLcg5GQnhK44Eb61Z_:iW8oVnZDkiPPRmgJXp7IEQz_m5Q=:eyJzY29wZSI6InlvdXp1YW4iLCJkZWFkbGluZSI6MTU2NjQ0MzE1OX0=");
      xhr.send(pic);
    }
function getb64size(){
      var baseStr = "iVBORw0KGgoAAAANSUhdOn";
      var eqTagIndex=baseStr.indexOf("=");
        baseStr=eqTagIndex!=-1?baseStr.substring(0,eqTagIndex):baseStr;
      var strLen=baseStr.length;
        var fileSize=parseInt(strLen-(strLen/8)*2);
        document.getElementById("myDiv").innerHTML=fileSize;
    }
    getb64size()
    putb64()
</script>

</html>