From 804fa59f5983f159dadacc42c771afaafeb5237e Mon Sep 17 00:00:00 2001
From: fmf <1464411278@qq.com>
Date: Thu, 13 Jun 2024 14:06:54 +0800
Subject: [PATCH] =?UTF-8?q?fixd:=E5=A4=B4=E5=83=8F=E4=B8=8A=E4=BC=A0?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=90=8D=E7=A7=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/upload-avatar/index.vue | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/packages/upload-avatar/index.vue b/packages/upload-avatar/index.vue
index 7ee592f..17dc2e4 100644
--- a/packages/upload-avatar/index.vue
+++ b/packages/upload-avatar/index.vue
@@ -56,7 +56,7 @@
       </el-col>
       <el-col :lg="{ span: 2, offset: 6 }" :md="2">
         <el-button type="primary" :loading="loading" @click="confirmUpload">
-          提 交
+          提 交 yyds
         </el-button>
       </el-col>
     </el-row>
@@ -74,10 +74,10 @@ const props = withDefaults(defineProps<{
   fileId?: number | string
   fileUrl?: string
   /**
-   * 图片大小（单位MB）
-   *
-   * @default 2
-   */
+     * 图片大小（单位MB）
+     *
+     * @default 2
+     */
   fileSize?: number
   /** 默认生成截图框宽度 */
   autoCropHeight?: number
@@ -175,10 +175,13 @@ function realTime(data: PreviewData) {
   options.previews = data
 }
 const file = shallowRef()
+const fileName = shallowRef()
 const cropperURL = useObjectUrl(file)
 
 onChange((param) => {
   file.value = param?.item(0)
+  const flName = param?.item(0).name
+  fileName.value = flName.substring(0, flName.lastIndexOf('.'))
 })
 
 function selectImage() {
@@ -203,6 +206,7 @@ async function uploadImg(blob: Blob) {
   loading = true
   const formData = new FormData()
   formData.append('file', blob)
+  formData.append('name', fileName.value)
 
   try {
     const res = await props.uploadFunction(formData)
@@ -241,7 +245,7 @@ tryOnMounted(init)
 watch(() => props.fileId, init)
 </script>
 
-<style>
-@import url('vue-cropper/dist/index.css');
-@import url('element-plus/theme-chalk/el-upload.css');
-</style>
+  <style>
+  @import url('vue-cropper/dist/index.css');
+  @import url('element-plus/theme-chalk/el-upload.css');
+  </style>