添加文件操作

This commit is contained in:
橙子
2022-05-03 19:40:13 +08:00
parent 5eec076ea2
commit b934ce2893
12 changed files with 135 additions and 8 deletions

View File

@@ -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

View 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)
},

View File

@@ -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)
});
},
},