refactor(Upload): 移除调试日志并优化文件上传逻辑

- 移除SimpleFileUpload组件中的console调试日志
- 重构uploadFile方法,使用axios替代原有request方法
- 添加请求头认证和超时设置
- 改进错误处理,返回更具体的错误信息
This commit is contained in:
超级老白兔
2025-09-09 16:33:27 +08:00
parent cc58e4420e
commit 6782f188f5
2 changed files with 18 additions and 17 deletions

View File

@@ -1,4 +1,6 @@
import request from "./request";
import axios from "axios";
import { useUserStore } from "@/store/module/user";
/**
* 通用文件上传方法(支持图片、文件)
* @param {File} file - 要上传的文件对象
@@ -10,22 +12,26 @@ export async function uploadFile(
uploadUrl: string = "/v1/attachment/upload",
): Promise<string> {
try {
console.log("uploadFile 接收到的文件:", file);
console.log("上传URL:", uploadUrl);
// 创建 FormData 对象用于文件上传
const formData = new FormData();
formData.append("file", file);
console.log("FormData 创建完成");
console.log("FormData 内容:", formData.get("file"));
// 获取用户token
const { token } = useUserStore.getState();
// 使用 request 方法上传文件,让浏览器自动设置 Content-Type
const res = await request(uploadUrl, formData, "POST");
console.log("上传响应:", res);
return res.url;
const fullUrl = `${(import.meta as any).env?.VITE_API_BASE_URL || "/api"}${uploadUrl}`;
// 直接使用 axios 上传文件
const response = await axios.post(fullUrl, formData, {
headers: {
Authorization: token ? `Bearer ${token}` : undefined,
},
timeout: 20000,
});
return response?.data?.data?.url || "";
} catch (e: any) {
console.error("uploadFile 错误:", e);
throw new Error(e?.message || "文件上传失败");
const errorMessage =
e.response?.data?.message || e.message || "文件上传失败";
throw new Error(errorMessage);
}
}

View File

@@ -38,10 +38,6 @@ const SimpleFileUpload: React.FC<SimpleFileUploadProps> = ({
if (!files || files.length === 0) return;
const file = files[0];
console.log("选择的文件:", file);
console.log("文件名:", file.name);
console.log("文件大小:", file.size);
console.log("文件类型:", file.type);
if (!validateFile(file)) {
if (fileInputRef.current) {
@@ -53,7 +49,6 @@ const SimpleFileUpload: React.FC<SimpleFileUploadProps> = ({
setUploading(true);
try {
console.log("开始上传文件...");
const fileUrl = await uploadFile(file);
console.log("上传成功文件URL:", fileUrl);
onFileUploaded?.(fileUrl);