6.3. 上传头像
上传头像
接着上一节的内容,修改个人信息还缺少修改头像的功能,这一节我们来增加这个功能。
封装上传方法
在小程序中上传文件需要使用 uploadFile 接口,同样需要添加 Authorization
头,为了方便使用,我们需要提前封装一下,因为是接口相关的代码,所以封装在 utils/api.js
文件中:
src/utils/api.js
.
.
.
const updateFile = async (options = {}) => {
// 显示loading
wepy.showLoading({title: '上传中'})
// 获取 token
let accessToken = await getToken()
// 拼接url
options.url = host + '/' + options.url
let header = options.header || {}
// 将 token 设置在 header 中
header.Authorization = 'Bearer ' + accessToken
options.header = header
// 上传文件
let response = await wepy.uploadFile(options)
// 隐藏 loading
wepy.hideLoading()
return response
}
.
.
....