uniapp上传单张图片代码分享

//上传头像
			upload() {
				// 获取token,pub是引入自己写的js文件
				const token = pub.getData("token");
				const that = this
				// 此api用于选择图片
				uni.chooseImage({
					//一些配置,我照抄的
					sourceType: ['camera', 'album'],
					sizeType: ['original', 'compressed'],
					count: 1,	//照片的数量
					success: (res) => {
						//res.tempFilePaths为图片临时地址,需要多选图片的话自行百度处理
						console.log(res.tempFilePaths);
						/* 上传图片 */
						const uploadTask = uni.uploadFile({
							  url : '你的后端接口路径',
							  filePath: res.tempFilePaths[0],
							  // 这个name就是后端接收图片的字段名,不能瞎填
							  name: 'avatarFile',
							  header:{
									// 'Authorization':  token
							  },
							  formData: {
									'type': 'avatar',
									'token': token,
							  },
							  success: function (res1) {
								  if(res1.statusCode===200){
										uni.showToast({
										  title: "头像上传成功!",
										  icon: 'none',
										  duration: 1000,
										})
										that.init();
								  } else {
									  uni.showToast({
									  	title: "服务器错误",
										duration: 1000
									  })
								  }
							  }
						});
					},
					})
			},

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值