完善头像修改逻辑 (#172)

* feat(*): 头像裁剪功能添加清空input控制, 删除多余文件

* fix(User): 修复用户未初始头像时默认头像图片显示错误

fix(User): 修复用户未初始头像时默认头像图片显示错误

Author: quanquan2100

src/components/layout/User.vue

@@ -182,6 +182,7 @@ export default {
       croppa: {},
       imgInfo: null,
       quality: 1,
+      defaultAvarta,
     }
   },
   computed: {
@@ -213,9 +214,9 @@ export default {
         return
       }
       const imgFile = evt.target.files[0]
-      // 验证文件大小是否符合要求, 不大于2M
-      if (imgFile.size > 1024 * 1024 * 3) {
-        this.$message.error('文件过大超过3M')
+      // 验证文件大小是否符合要求, 不大于 5M
+      if (imgFile.size > 1024 * 1024 * 5) {
+        this.$message.error('文件过大超过5M')
         // 清空输入框
         this.clearFileInput(this.$refs.avatarInput)
         return
@@ -268,6 +269,8 @@ export default {
           file,
         },
       }).then((res) => {
+        // 清空输入框
+        this.clearFileInput(this.$refs.avatarInput)
         if (!Array.isArray(res) || res.length !== 1) {
           this.$message.error('头像上传失败, 请重试')
           return false
@@ -346,6 +349,10 @@ export default {
     resetForm(formName) {
       this.$refs[formName].resetFields()
     },
+    clearFileInput(ele) {
+      // eslint-disable-next-line
+      ele.value = ''
+    },
   },
 }
 </script>