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

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

代码如下：

<div id="myDiv"></div>
    
    <script type="text/javascript">
    //调用上传
    alert(putb64());
    /**
     *七牛上传base64图片
     */
    function putb64(){
    	//base64图片
    	var pic = "iVBORw0…………BJRU5ErkJggg==";
    	//上传自己七牛地址
    	var url = "https://up.qbox.me/putb64/-1";
    	//原始的ajax请求
    	var xhr = new XMLHttpRequest();
    	
    	xhr.onreadystatechange=function(){
    		if (xhr.readyState==4){
    			document.getElementById("myDiv").innerHTML=xhr.responseText;
    			var jsonResult = xhr.responseText;
    			console.log(jsonResult);
    			console.log(jsonResult.key);
    			//返回造型：{"hash":"FoXJTZZHasA0r2QOscI6U4uYQeiK","key":"FoXJTZZHasA0r2QOscI6U4uYQeiK"}
    			return xhr.responseText;
    		}
    	}
    	xhr.open("POST", url, true); 
    	xhr.setRequestHeader("Content-Type", "application/octet-stream"); 
    	//UpToken+空格+自己空间生成的上传token（固定格式）
    	xhr.setRequestHeader("Authorization", "UpToken WXZ…wkla:oUC…METcw=:eyJzY…kxfQ=="); 
    	xhr.send(pic);
    }
    </script>

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

[js]: http://download.csdn.net/download/hgg923/9711669

发表评论取消回复

表情：

评论列表（有 0 条评论，267人围观）

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

相关阅读

相关 iOS七牛云上传图片

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

约定不等于承诺〃/ 2023年10月17日 15:23/ 0 赞/ 82 阅读

相关 egg,七牛云上传图片

这是我的service 文件， const Service = require('egg').Service const qiniu = require('q

小鱼儿/ 2022年11月30日 12:43/ 0 赞/ 180 阅读

相关七牛js上传

<html> <head> </head> <style> .ipt { width

「爱情、让人受尽委屈。」/ 2022年06月17日 00:11/ 0 赞/ 131 阅读

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

代码如下： <div id="myDiv"></div> <script type="text/javascript"> //调用上传

喜欢ヅ旅行/ 2022年06月17日 00:11/ 0 赞/ 268 阅读

相关 base64图片上传七牛云

直接上代码： // 上传base64图片到七牛 putb64=function(picBase){/picBase是base64图片带头部的完整编码/

小鱼儿/ 2022年05月23日 10:52/ 0 赞/ 241 阅读

相关 html页面上传图片到七牛云。javaweb上传图片到七牛云

目的：使用html页面上传图片到七牛云。（使用了springmvc框架）准备工作： 1、springmvc搭建：[https://blog.csdn.net/

你的名字/ 2022年05月16日 02:06/ 0 赞/ 327 阅读

相关七牛上传图片或视频

<?php namespace App\Controller; use Think\Controller; Vendor('php-qiniu-

墨蓝/ 2022年05月10日 13:50/ 0 赞/ 214 阅读

相关七牛上传图片使用心得

使用七牛进行图片、视频的上传，简单又高效。官方javascript-sdk地址：[developer.qiniu.com/kodo/sdk/12…][developer.qin

你的名字/ 2022年03月15日 00:20/ 0 赞/ 227 阅读

相关 Django七牛云图片上传

Django七牛云图片上传参考文档：七牛云官网： https://www.qiniu.com/ 插件下载地址及使用

超、凢脫俗/ 2021年09月17日 16:18/ 0 赞/ 416 阅读

相关七牛云图片上传

七牛云图片上传 > 可查看七牛云上传图片的SDK from flask import Flask, render_template, request, json

痛定思痛。/ 2021年09月17日 16:08/ 0 赞/ 377 阅读