From 3357b5f0f0919f7a52cd32a6d6de0acb14e0daaf Mon Sep 17 00:00:00 2001
From: dengzedong <dengzedong@email>
Date: 星期二, 17 十二月 2024 17:29:01 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/master'
---
src/components/UploadFile/src/useUpload.ts | 31 ++++++++++++++++++++-----------
1 files changed, 20 insertions(+), 11 deletions(-)
diff --git a/src/components/UploadFile/src/useUpload.ts b/src/components/UploadFile/src/useUpload.ts
index c0465a2..2981e12 100644
--- a/src/components/UploadFile/src/useUpload.ts
+++ b/src/components/UploadFile/src/useUpload.ts
@@ -3,9 +3,16 @@
import { UploadRawFile, UploadRequestOptions } from 'element-plus/es/components/upload/src/upload'
import axios from 'axios'
+/**
+ * 获得上传 URL
+ */
+export const getUploadUrl = (): string => {
+ return import.meta.env.VITE_BASE_URL + import.meta.env.VITE_API_URL + '/infra/file/upload'
+}
+
export const useUpload = () => {
// 后端上传地址
- const uploadUrl = import.meta.env.VITE_UPLOAD_URL
+ const uploadUrl = getUploadUrl()
// 是否使用前端直连上传
const isClientUpload = UPLOAD_TYPE.CLIENT === import.meta.env.VITE_UPLOAD_TYPE
// 重写ElUpload上传方法
@@ -17,16 +24,18 @@
// 1.2 获取文件预签名地址
const presignedInfo = await FileApi.getFilePresignedUrl(fileName)
// 1.3 上传文件（不能使用 ElUpload 的 ajaxUpload 方法的原因：其使用的是 FormData 上传，Minio 不支持）
- return axios.put(presignedInfo.uploadUrl, options.file, {
- headers: {
- 'Content-Type': options.file.type,
- }
- }).then(() => {
- // 1.4. 记录文件信息到后端（异步）
- createFile(presignedInfo, fileName, options.file)
- // 通知成功，数据格式保持与后端上传的返回结果一致
- return { data: presignedInfo.url }
- })
+ return axios
+ .put(presignedInfo.uploadUrl, options.file, {
+ headers: {
+ 'Content-Type': options.file.type
+ }
+ })
+ .then(() => {
+ // 1.4. 记录文件信息到后端（异步）
+ createFile(presignedInfo, fileName, options.file)
+ // 通知成功，数据格式保持与后端上传的返回结果一致
+ return { data: presignedInfo.url }
+ })
} else {
// 模式二：后端上传
// 重写 el-upload httpRequest 文件上传成功会走成功的钩子，失败走失败的钩子
--
Gitblit v1.9.3