token 通过后端获取




安装skd

npm install qiniu-js




报错  core-js   是版本不兼容问题

 npm install core-js@2.x  解决




import  * as qiniu from 'qiniu-js'

上传

			var token="";

            var file = e.target.files[0]

            var name=Date.now();

            var key="aisty/"+name+".jpg";

            var observable = qiniu.upload(file, key, token)




            var observer = {

                next(res){

                    // ...

                },

                error(err){

                }, 

                complete(res){

                    //上传完成后的逻辑

					res.key  是上传的文件路径及名称 也就是key

                }

            }

            var subscription = observable.subscribe(observer) // 上传开始







上传base64 数据

upCover(file){

            var _this = this

            var pic = file.split(",")[1];  //只需要  逗号后边的部分

            var name=Date.now();

            var key="aisty/"+name+".png";

        

           //非华东空间需要根据注意事项 1 修改上传域名  ，key 是自定义的名称，需要用七牛云的 urlSafeBase64Encode 一下

            var url = "http://upload-z2.qiniup.com/putb64/-1/key/"+qiniu.urlSafeBase64Encode(key); 

            var xhr = new XMLHttpRequest();

            xhr.onreadystatechange=function(){

                if (xhr.readyState==4){

                    var res = JSON.parse(xhr.responseText)

                    console.log(res)

                }

            }

            xhr.open("POST", url, true);

            xhr.setRequestHeader("Content-Type", "application/octet-stream");

            xhr.setRequestHeader("Authorization", "UpToken "+this.qiniuToken);  // UpToken 和 七牛的token之间要有空格

            xhr.send(pic);

}