我是靠谱客的博主 酷酷烤鸡,这篇文章主要介绍若依前端调用阿里云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修改用户头像内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(130)

评论列表共有 0 条评论

立即
投稿
返回
顶部