正在显示
1 个修改的文件
包含
9 行增加
和
7 行删除
| @@ -70,12 +70,13 @@ export default { | @@ -70,12 +70,13 @@ export default { | ||
| 70 | // 弹出层标题 | 70 | // 弹出层标题 |
| 71 | title: "修改头像", | 71 | title: "修改头像", |
| 72 | options: { | 72 | options: { |
| 73 | - img: store.getters.avatar, //裁剪图片的地址 | ||
| 74 | - autoCrop: true, // 是否默认生成截图框 | ||
| 75 | - autoCropWidth: 200, // 默认生成截图框宽度 | ||
| 76 | - autoCropHeight: 200, // 默认生成截图框高度 | ||
| 77 | - fixedBox: true, // 固定截图框大小 不允许改变 | ||
| 78 | - outputType:"png" // 默认生成截图为PNG格式 | 73 | + img: store.getters.avatar, //裁剪图片的地址 |
| 74 | + autoCrop: true, // 是否默认生成截图框 | ||
| 75 | + autoCropWidth: 200, // 默认生成截图框宽度 | ||
| 76 | + autoCropHeight: 200, // 默认生成截图框高度 | ||
| 77 | + fixedBox: true, // 固定截图框大小 不允许改变 | ||
| 78 | + outputType:"png", // 默认生成截图为PNG格式 | ||
| 79 | + filename: 'avatar' // 文件名称 | ||
| 79 | }, | 80 | }, |
| 80 | previews: {}, | 81 | previews: {}, |
| 81 | resizeHandler: null | 82 | resizeHandler: null |
| @@ -125,6 +126,7 @@ export default { | @@ -125,6 +126,7 @@ export default { | ||
| 125 | reader.readAsDataURL(file); | 126 | reader.readAsDataURL(file); |
| 126 | reader.onload = () => { | 127 | reader.onload = () => { |
| 127 | this.options.img = reader.result; | 128 | this.options.img = reader.result; |
| 129 | + this.options.filename = file.name; | ||
| 128 | }; | 130 | }; |
| 129 | } | 131 | } |
| 130 | }, | 132 | }, |
| @@ -132,7 +134,7 @@ export default { | @@ -132,7 +134,7 @@ export default { | ||
| 132 | uploadImg() { | 134 | uploadImg() { |
| 133 | this.$refs.cropper.getCropBlob(data => { | 135 | this.$refs.cropper.getCropBlob(data => { |
| 134 | let formData = new FormData(); | 136 | let formData = new FormData(); |
| 135 | - formData.append("avatarfile", data); | 137 | + formData.append("avatarfile", data, this.options.filename); |
| 136 | uploadAvatar(formData).then(response => { | 138 | uploadAvatar(formData).then(response => { |
| 137 | this.open = false; | 139 | this.open = false; |
| 138 | this.options.img = process.env.VUE_APP_BASE_API + response.imgUrl; | 140 | this.options.img = process.env.VUE_APP_BASE_API + response.imgUrl; |
-
请 注册 或 登录 后发表评论