七牛base64上传

Question

http://kb.qiniu.com/5rroxdgb
通过这个网站知道base64的上传
1.求大神告知如何获得返回的图片链接
2.如何判断已上传完成

Answer 1

七牛的文档已经有比较详尽的说明了,使用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);
}