Vue使用Upload上传图片报错:TypeError: Cannot create property 'xxx' on string 'xxxx'
上面说监听到fileList有错误,后来查了一下,原来上传图片所用到的fileList必须是一个对象数组[{},{}],而我传的是一个字符串数组["",""],只需要转换一下格式就可以了。以下是图片上传成功uploadSuccess函数,后台给返回的是一个图片地址,然后我重新转换了一下格式:uploadSuccess(res, file, fileList) {const url = ...
·
上面说监听到fileList有错误,后来查了一下,原来上传图片所用到的fileList必须是一个对象数组[{},{}]
,而我传的是一个字符串数组["",""]
,只需要转换一下格式就可以了。
以下是图片上传成功uploadSuccess函数,后台给返回的是一个图片地址,然后我重新转换了一下格式:
uploadSuccess(res, file, fileList) {
const url = res.data['0']; // http://10.16.32.15:3628/oraflfile/content/group2/M00/00/66/ooYBAF6iPteARneWAAFtLQvqr7g003.png
const urlSplit = url.split('/');
const name = urlSplit[urlSplit.length - 1];
const obj = {
name,
url
};
this.fileList.push(obj); // fileList必须是一个对象数组
},
更多推荐
已为社区贡献9条内容
所有评论(0)