七牛上传base64图片（附js裁剪头像，上传七牛）

喜欢ヅ旅行 2022-06-17 00:11 448阅读 0赞

代码如下：

  1. <div id="myDiv"></div>
  3. <script type="text/javascript">
  4. //调用上传
  5. alert(putb64());
  6. /**
  7.  *七牛上传base64图片
  8.  */
  9. function putb64(){
  10.     //base64图片
  11.     var pic = "iVBORw0…………BJRU5ErkJggg==";
  12.     //上传自己七牛地址
  13.     var url = "https://up.qbox.me/putb64/-1";
  14.     //原始的ajax请求
  15.     var xhr = new XMLHttpRequest();
  17.     xhr.onreadystatechange=function(){
  18.         if (xhr.readyState==4){
  19.             document.getElementById("myDiv").innerHTML=xhr.responseText;
  20.             var jsonResult = xhr.responseText;
  21.             console.log(jsonResult);
  22.             console.log(jsonResult.key);
  23.             //返回造型：{"hash":"FoXJTZZHasA0r2QOscI6U4uYQeiK","key":"FoXJTZZHasA0r2QOscI6U4uYQeiK"}
  24.             return xhr.responseText;
  25.         }
  26.     }
  27.     xhr.open("POST", url, true); 
  28.     xhr.setRequestHeader("Content-Type", "application/octet-stream"); 
  29.     //UpToken+空格+自己空间生成的上传token（固定格式）
  30.     xhr.setRequestHeader("Authorization", "UpToken WXZ…wkla:oUC…METcw=:eyJzY…kxfQ=="); 
  31.     xhr.send(pic);
  32. }
  33. </script>

js头像裁剪，上传七牛请点击此超链接

发表评论

表情：
评论列表 （有 0 条评论，448人围观）

还没有评论，来说两句吧...

相关阅读

    相关 iOS七牛云上传图片

    以前上传图片都是通过form表单提交上传文件类型数据，这次的后台有点逗逼用起了第三方，我也是呵呵了，因此找了一下文档，第三方SDK集成我就不多说了，毕竟都是按照人家的步骤来就行

    约定不等于承诺〃约定不等于承诺〃/ 0 赞/ 287 阅读