http://kb.qiniu.com/5rroxdgb
通过这个网站知道base64的上传
1.求大神告知如何获得返回的图片链接
2.如何判断已上传完成
七牛的文档已经有比较详尽的说明了,使用js实现主要是使用
application/octet-stream
把base64直接使用
xhr
传到七牛,建议一次性传完,监听
xhr
的
onreadystatechange
就可以知道图片的上传状态了,
xhr
的
responseText
是个json字符串,其中key就是文件名,路径需要带上你的cdn的绝对就行了
function putb64(){
var pic = "填写你的base64后的字符串";
//注意这个url,可以指定key(文件名), mimeType(文件类型)
var url = "http://up.qiniu.com/putb64";
var xhr = new XMLHttpRequest();
xhr.onreadystatechange=function(){
if (xhr.readyState==4){
//这里可以判断图片上传成功,而且可以通过responseText获取图片链接
var data = JSON.parse(xhr.responseText)
//图片链接就是yourcdnpath.xx/data.key
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);
}