添加文件操作
This commit is contained in:
@@ -1,8 +1,8 @@
|
||||
import myaxios from '@/util/myaxios'
|
||||
export default {
|
||||
EditIcon(file) {
|
||||
UploadImage(file) {
|
||||
return myaxios({
|
||||
url: '/File/EditIcon',
|
||||
url: '/Upload/image',
|
||||
method: 'post',
|
||||
headers: { "Content-Type": "multipart/form-data" },
|
||||
data: file
|
||||
|
||||
@@ -38,6 +38,7 @@ const mutations = { //变化//载荷
|
||||
},
|
||||
SET_USER(state, user) {
|
||||
state.user = user
|
||||
console.log(user)
|
||||
setUser(user)
|
||||
},
|
||||
SetGradient(state, gradient) {
|
||||
@@ -50,7 +51,7 @@ const mutations = { //变化//载荷
|
||||
|
||||
//在action中可以配合axios进行权限判断
|
||||
const actions = { //动作
|
||||
setIcon({ commit, state }, icon) {
|
||||
SetIcon({ commit, state }, icon) {
|
||||
state.user.icon = icon
|
||||
commit('SET_USER', state.user)
|
||||
},
|
||||
|
||||
@@ -272,7 +272,6 @@
|
||||
|
||||
<script>
|
||||
import fileApi from "../api/fileApi";
|
||||
import userApi from "../api/userApi";
|
||||
import accountApi from "../api/accountApi";
|
||||
export default {
|
||||
name: "UserProfileView",
|
||||
@@ -343,15 +342,19 @@ export default {
|
||||
this.$refs.imgFile.dispatchEvent(new MouseEvent("click"));
|
||||
},
|
||||
uploadImage() {
|
||||
//修改头像,需要先上传头像,修改editInfo的头像信息即可
|
||||
const file = this.$refs.imgFile.files[0];
|
||||
let formData = new FormData();
|
||||
formData.append("file", file);
|
||||
fileApi.EditIcon(formData).then((resp) => {
|
||||
this.init();
|
||||
this.$dialog.notify.success(resp.msg, {
|
||||
|
||||
|
||||
fileApi.UploadImage(formData).then((resp) => {
|
||||
this.editInfo.icon=resp.data
|
||||
this.$dialog.notify.success("头像加载成功,点击保存以设置", {
|
||||
position: "top-right",
|
||||
timeout: 5000,
|
||||
});
|
||||
this.$store.dispatch("SetIcon", this.editInfo.icon)
|
||||
});
|
||||
},
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user