uniapp中上传头像遇到的问题

  1. 上传图片(头像)首先想到的就是uniapp官方提供的网络请求uniapp网络请求
  2. 照着官方提供的方法试了之后,遇到一个问题,就是h5端是可以正常上传文件的,但是在调试app基座的时候,app会无法上传,并且hbuiderx编辑器控制台报错,app上传完成后会显示一个空白的头像。
  3. 下方是上传相关的代码片段
onUploadFile() {
				var that = this;
				uni.chooseImage({
					// 最多可以选择一张图片
					count: 1,
					success: chooseImageRes => {
						const tempFilePaths = chooseImageRes.tempFilePaths;
						// 上传图片
						uni.uploadFile({
							// url: that.BASE_URL + '/public/uploadPic',
							url: that.BASE_URL + '/upload/uploadPic', //此处that.BASE_URL 为data中定义的变量
							filePath: tempFilePaths[0],
							name: 'file', // 这一步非常关键,问题就在这里,因官方文档是默认的,我就没写上,导致出现app端出现上传失败的问题
							header: {
								Authorization: store.state.token
							},
							success: uploadFileRes => {
								const data = JSON.parse(uploadFileRes.data);
								if (data.code === '200') {
									that.avatar = that.BASE_URL + data.data.url; //此处是接口返回的url并和接口地址拼接并赋值
								} else {
									uni.$u.toast('上传失败');
								}
							}
						});
					}
				});
			}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值