uniapp 使用 uni-file-picker 上传头像

 uniapp 使用 uni-file-picker 上传头像_第1张图片

此处使用 @select 处理选择完文件后的逻辑,即将文件上传到自己的服务器。 

选择

 此处我需要将头像的存储地址存入数据库中,因此需要上传额外的参数(用户的id),所以需要使用 uni.uploadFile() 的 formData。

uniapp 使用 uni-file-picker 上传头像_第2张图片

/* 头像上传 */
upload(e) {
  console.log(e)
  uni.uploadFile({
	url: 'http://localhost:8887/uploadAvatar',
	filePath: e.tempFilePaths[0],
	name: 'file',
	formData: {
	  sid: this.student.sid
	},
	header: {
	  'content-type': 'multipart/form-data' // 使用multipart/form-data格式
	},
	success: (res) => {
	  console.log(res)
	}
  })
}

你可能感兴趣的:(前端,uni-app,前端)