1:问题描述
我是前端,项目用的是vue框架,npm引入的qiniu
按照官网上的步骤上传.docx或.doc文件,之前试过,成功上传了,
但是近期出现了问题,我上传之后,在error回调里报如下信息:
TypeError: t.split is not a function
at eval (qiniu.min.js?cea2:1)
at eval (qiniu.min.js?cea2:1)
at e.getUploadUrl (qiniu.min.js?cea2:1)
at t.putFile (qiniu.min.js?cea2:1)
at t.eval [as subscribeAction] (qiniu.min.js?cea2:1)
at t.subscribe (qiniu.min.js?cea2:1)
at VueComponent.upLoadQiniu (register.vue?2d22:487)
at VueComponent.selectPhoto (register.vue?2d22:457)
at change (eval at ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"aab007c4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/pages/register.vue?vue&type=template&id=155969a7&scoped=true& (register.js:23), <anonymous>:352:44)
at invokeWithErrorHandling (vue.runtime.esm.js?2b0e:1854)
上面是报错信息
下面贴上我的源码
upLoadQiniu(params){//上传至七牛云
var self=this;
self.loading= layer.load(1, {//请求未成功时出现loading页 ,3代表一中效果
shade: [0.1,'#fff'] //0.1透明度的白色背景
});
// 上传回调
function next(res){
console.log(res);
}
function error(err){
console.log(err);
}
function complete(res){
console.log(res.key);
var url="http://xxxxxxxx.cn/"+res.key;
self.postObj.pic=url;
console.log(url)
layer.close(self.loading);//关闭loading效果
}
var observable = qiniu.upload(params.file, params.key, params.token, params.putExtra, params.config);
var subscription = observable.subscribe(next, error, complete) // 这样传参形式也可以
// subscription.unsubscribe() // 上传取消
},
之前测试时没遇见这个问题,上线后出现了,看qiniu.min.js看不明白,希望有大佬能够帮助一下!!!
目前从您给的错误中看不出来具体是问题所在,排查这个问题其实可以下载https://github.com/qiniu/js-sdk 源代码,按照错误的的方法提示
at eval (qiniu.min.js?cea2:1)
at eval (qiniu.min.js?cea2:1)
at e.getUploadUrl (qiniu.min.js?cea2:1)
at t.putFile (qiniu.min.js?cea2:1)
at t.eval [as subscribeAction] (qiniu.min.js?cea2:1)
at t.subscribe (qiniu.min.js?cea2:1)
分别在源代码里面打印相关信息,然后自己Npm run build,引入项目,重现错误,判断具体哪个方法的哪行代码报错,然后针对性的去处理