若依前端调用阿里云oss修改用户头像

// 上传图片
uploadImg() {
ossSignUpload(this.fileType).then(res => {
res.data.success_action_status = 200
this.uploadFileUrl = res.data.host
this.ossSign = res.data
this.ossSign.name = this.fileName
this.$refs.cropper.getCropBlob(data => {
let sendData = new FormData() // 上传文件的data参数
sendData.append('ossaccessKeyId', this.ossSign.ossaccessKeyId)
sendData.append('policy', this.ossSign.policy)
sendData.append('signature', this.ossSign.signature)
sendData.append('dir', this.ossSign.dir)
sendData.append('host', this.ossSign.host)
sendData.append('key', this.ossSign.key)
sendData.append('success_action_status', 200) // 指定返回的状态码
sendData.append('name', this.ossSign.name)
sendData.append('file', data, this.ossSign.name)
newUpload(this.uploadFileUrl, sendData).then(() => {
this.options.img = this.uploadFileUrl + '/' + this.ossSign.key.replace("${filename}", this.ossSign.name)
store.commit('SET_AVATAR', this.options.img);
updateUserProfile({avatar: this.options.img}).then((res) => {
this.open = false;
this.$modal.msgSuccess("修改成功");
this.visible = false;
})
})
/*
let formData = new FormData();
formData.append("avatarfile", data);
uploadAvatar(formData).then(response => {
this.open = false;
this.options.img = response.imgUrl;
store.commit('SET_AVATAR', this.options.img);
this.$modal.msgSuccess("修改成功");
this.visible = false;
});*/
});
})
},

// 自定义文件上传
export function newUpload(url, data) {
return request({
headers:{
Accept: "*/*",
},
url: url,
method: 'POST',
data: data
})
}

最后

以上就是酷酷烤鸡为你收集整理的若依前端调用阿里云oss修改用户头像的全部内容，希望文章能够帮你解决若依前端调用阿里云oss修改用户头像所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。