feat: 系统配置-基础配置 logo 及 favicon 改为 base64 存储

src/utils/index.ts

@@ -261,3 +261,21 @@ export const copyText = (text: any) => {
   document.body.removeChild(textarea)
   Message.success('复制成功')
 }
+
+/** @desc 文件的转换base64 */
+export const fileToBase64 = (file: File): Promise<string> => {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader()
+    reader.onload = () => {
+      if (reader.result) {
+        resolve(reader.result.toString())
+      } else {
+        reject(new Error('文件转base64失败'))
+      }
+    }
+    reader.onerror = (error) => {
+      reject(error)
+    }
+    reader.readAsDataURL(file)
+  })
+}

src/views/system/config/components/BasicSetting.vue

@@ -106,11 +106,11 @@ import {
   type SiteConfig,
   listOption,
   resetOptionValue,
-  updateOption,
+  updateOption
-  uploadFile
 } from '@/apis'
 import { useAppStore } from '@/stores'
 import { useForm } from '@/hooks'
+import { fileToBase64 } from '@/utils'
 
 defineOptions({ name: 'BasicSetting' })
 
@@ -213,14 +213,15 @@ const onResetValue = () => {
 const handleUploadFavicon = (options: RequestOption) => {
   const controller = new AbortController()
   ;(async function requestWrap() {
-    const { onProgress, onError, onSuccess, fileItem, name = 'file' } = options
+    const { onProgress, onError, onSuccess, fileItem } = options
     onProgress(20)
-    const formData = new FormData()
+    if (!fileItem.file) {
-    formData.append(name as string, fileItem.file as Blob)
+      return
-    uploadFile(formData)
+    }
+    fileToBase64(fileItem.file).then()
       .then((res) => {
-        onSuccess(res)
+        onSuccess()
-        form.SITE_FAVICON = res.data.url
+        form.SITE_FAVICON = res
         Message.success('上传成功')
       })
       .catch((error) => {
@@ -243,14 +244,15 @@ const handleChangeFavicon = (_: any, currentFile: any) => {
 const handleUploadLogo = (options: RequestOption) => {
   const controller = new AbortController()
   ;(async function requestWrap() {
-    const { onProgress, onError, onSuccess, fileItem, name = 'file' } = options
+    const { onProgress, onError, onSuccess, fileItem } = options
     onProgress(20)
-    const formData = new FormData()
+    if (!fileItem.file) {
-    formData.append(name as string, fileItem.file as Blob)
+      return
-    uploadFile(formData)
+    }
+    fileToBase64(fileItem.file).then()
       .then((res) => {
-        onSuccess(res)
+        onSuccess()
-        form.SITE_LOGO = res.data.url
+        form.SITE_LOGO = res
         Message.success('上传成功')
       })
       .catch((error) => {