From 735d913bf4176bf04493bcaf266a0bc10a6fe1b8 Mon Sep 17 00:00:00 2001
From: Cxx0822 <1556464090@qq.com>
Date: Sat, 25 Oct 2025 22:54:11 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E6=9B=B4=E6=96=B0=E4=B8=8A=E4=BC=A0?=
 =?UTF-8?q?=E5=9B=BE=E7=89=87=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/apis/blog.ts              | 12 +++++++++++
 src/utils/index.ts            | 10 ---------
 src/views/blog/detail[id].vue | 39 ++++++++++++++++++++---------------
 3 files changed, 34 insertions(+), 27 deletions(-)

diff --git a/src/apis/blog.ts b/src/apis/blog.ts
index ad39101..12b97e6 100644
--- a/src/apis/blog.ts
+++ b/src/apis/blog.ts
@@ -3,6 +3,18 @@ import { IBlog, IBlogCategory, IBlogComment, IBlogStats, IBlogVisit, INewBlog }
 
 import { IPageRecord } from '@/types'
 
+export const uploadBlogImageApi = (md5: string, form: FormData): Promise<string> =>
+  cloudService({
+    url: '/blog-api/blog/file/upload',
+    timeout: 10000,
+    headers: {
+      'Content-Type': 'multipart/form-data'
+    },
+    method: 'post',
+    params: { md5 },
+    data: form
+  })
+
 export const queryBlogApi = (currentPage: number, pageSize: number): Promise<IPageRecord<IBlog>> =>
   cloudService({
     url: '/blog-api/blog/all/page',
diff --git a/src/utils/index.ts b/src/utils/index.ts
index 96fb8be..fbe44eb 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -18,16 +18,6 @@ export const setActiveClass = (parentClassName: string, elementTag: string,
   currentElement.setAttribute('class', activeClassName)
 }
 
-/**
- * 文件服务器地址
- */
-export const fileServiceUrl = '/home-service/file'
-
-/**
- * 服务器文件路径根地址
- */
-export const serviceFileRootPath = '/home-service/'
-
 /**
  * 获取assets静态资源
  * @param url 路径
diff --git a/src/views/blog/detail[id].vue b/src/views/blog/detail[id].vue
index ffe5482..d3091e4 100644
--- a/src/views/blog/detail[id].vue
+++ b/src/views/blog/detail[id].vue
@@ -43,16 +43,16 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, reactive, onMounted } from 'vue'
+import { onMounted, reactive, ref } from 'vue'
 import { useBlogStore } from '@/store/blog.ts'
 import { MdEditor } from 'md-editor-v3'
 import 'md-editor-v3/lib/style.css'
 import { ElLoading, ElMessage, FormInstance, FormRules } from 'element-plus'
 import { blogRules } from '@/utils/element/elRules.ts'
-import { useRouter, useRoute } from 'vue-router'
+import { useRoute, useRouter } from 'vue-router'
 import { validateBlogImage } from '@/utils/blog/blogUtil'
-import { doUploadFile } from 'vue3-common/utils/fileUtil'
-import { fileServiceUrl, serviceFileRootPath } from '@/utils'
+import { getFileMd5 } from 'vue3-common/utils/fileUtil'
+import { uploadBlogImageApi } from '@/apis/blog'
 
 const rules = reactive<FormRules>(blogRules)
 
@@ -66,7 +66,6 @@ const focusCategoryEvent = async () => {
 }
 
 onMounted(async () => {
-  console.log('cxx')
   formRef.value?.clearValidate()
 
   const blogId = route.params.id as number
@@ -114,19 +113,25 @@ const onUploadImg = async (files: File[], callback) => {
   })
 
   if (validateBlogImage(files)) {
-    const result = await doUploadFile(fileServiceUrl, files[0], blogStore.blogImagePath, false)
-    // 显示在markdown中
-    // 注意这里需要是数组的形式
-    const urlArray = []
-    urlArray.push({
-      url: `${serviceFileRootPath}${result.url.replace(/\\/g, '/')}`,
-      alt: '暂无图片',
-      title: files[0].name
-    })
-    callback(urlArray)
-  }
+    try {
+      const formData = new FormData()
+      formData.append('file', files[0])
+      const md5 = await getFileMd5(files[0])
+      const fileUrl = await uploadBlogImageApi(md5, formData)
 
-  loading.close()
+      // 显示在markdown中
+      // 注意这里需要是数组的形式
+      const urlArray = []
+      urlArray.push({
+        url: `${window.location.origin}/${fileUrl}`,
+        alt: '暂无图片',
+        title: files[0].name
+      })
+      callback(urlArray)
+    } finally {
+      loading.close()
+    }
+  }
 }
 
 const backClick = () => {