小程序选取上传图片以及JSON.parse解析返回值报错

63 阅读1分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路。

image.png

图片上传后返回的参数,正常情况下里面的data值用JSON.parse解析一下就可以拿来用,但这次我遇到报错

image.png

返回的参数看起来没什么问题,然而放这上面一看,发现多了点东西

image.png 下面为解决问题的正确写法
wx.chooseMedia是最新的图片选取写法

//添加图片
addimg(){
     wx.chooseMedia({
         count:9, // 选取数量
         mediaType:['image'],
		 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
		 success(r) {
             const tempFilePaths = r.tempFiles;
			tempFilePaths.map(item =>{
				wx.uploadFile({
					url:app.baseUrl + '/api/common/upload', 
					filePath: item.tempFilePath,
                     name: 'file',
                     formData: {
                         'user': 'test'
                     },
					success(res){
                         if(res.statusCode==200){
                             //解决问题
                             let content = res.data;
                             if (content[0] != "{") {
                                 content = content.substring(1)
                             }
                             let aa = JSON.parse(content);
                             console.log(aa)
                         }
					},
					fail(res){
						wx.showToast({
							title:'图片上传失败',
							icon:'none'
						})
					}
				}) 
             })		
		}
	})
 },