首先用到cropper插件(点击这里下载插件) 把index里面的函数imagesAjax(dataUrl)修改下,
按照七牛给的示例(示例地址)
function putb64(){
var pic = "填写你的base64后的字符串";
var url = "http://upload.qiniu.com/putb64/20264"; //非华东空间需要根据注意事项 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 填写你从服务端获取的上传token");
xhr.send(pic);
}
这里有好多的坑,一个个说
1.var pic = “填写你的base64后的字符串”;
这里是要填写你的base64,咱们利用切图工具已经转换成了base64(dataUrl就是),你可以打印出来看下,大概是data:image/jpeg;base64,/9j/4AAQSkZJ…这样的,我们要的是base64后的,就是data:image/jpeg;base64,(包括逗号)去掉,使用正则var dataUrl = dataUrl.replace(/^.*?,/, ”);或picBase.substring(23);
2. var url =
这里你建空间的时候就选择了哪个区域的,我是华南的链接一般都是用客户端的可以点击这里查看你的链接,20264是文件大小。支持传入 -1 表示文件大小以 http request body 为准。注:裁切的时候可以限制大小,所以这块就直接-1了。
3.if (xhr.readyState==4){
document.g
图片裁切上传七牛云(base64上传)
最新推荐文章于 2022-10-15 10:32:57 发布