使用JavaScript File API与Axios模拟大文件上传

new File(fileBits, fileName, [options]);

// 定义一个基础字符串，例如10个字符
const baseString = "0123456789";
// 计算需要重复的次数以达到期望的文件大小
// 假设目标是10MB (10 * 1024 * 1024 字节)
// 每个baseString是10字节，所以需要重复 (10 * 1024 * 1024) / 10 次
const desiredSizeInBytes = 10 * 1024 * 1024; // 10 MB
const repeatCount = desiredSizeInBytes / baseString.length;

// 创建一个包含重复字符串的数组
// 注意：直接使用.repeat()生成超长字符串可能会导致内存问题，
// 更好的做法是将其分解为数组元素，或者使用Blob
const fileContentArray = [baseString.repeat(repeatCount)]; // 简化示例，实际可能需要分段

// 创建一个虚拟的File对象
const fakeBigFile = new File(
  fileContentArray,
  "large_simulated_file.txt",
  { type: "text/plain" }
);

console.log(`虚拟文件名称: ${fakeBigFile.name}`);
console.log(`虚拟文件大小: ${fakeBigFile.size} 字节 (约 ${fakeBigFile.size / (1024 * 1024)} MB)`);
console.log(`虚拟文件类型: ${fakeBigFile.type}`);

const baseString = "0123456789"; // 10 bytes
const targetSize = 10 * 1024 * 1024 + 1; // 10MB + 1 byte

const fullRepeats = Math.floor(targetSize / baseString.length);
const remainingBytes = targetSize % baseString.length;

const contentParts = [];
for (let i = 0; i < fullRepeats; i++) {
    contentParts.push(baseString);
}
if (remainingBytes > 0) {
    contentParts.push(baseString.substring(0, remainingBytes));
}

const preciseFakeFile = new File(
  contentParts,
  "precise_large_file.bin",
  { type: "application/octet-stream" }
);

console.log(`精确虚拟文件大小: ${preciseFakeFile.size} 字节`);

import axios from 'axios';

// 假设我们已经创建了一个名为 fakeBigFile 的虚拟文件对象
// 例如，使用上面创建的 preciseFakeFile

const formData = new FormData();
// "file" 是后端API期望接收文件数据的字段名
formData.append("file", preciseFakeFile);
// 如果后端还需要其他表单数据，也可以一并添加
formData.append("description", "这是一个模拟大文件上传测试");

axios.post("/api/upload-big-file", formData, {
    headers: {
        // 当使用FormData时，Axios通常会自动设置正确的Content-Type为multipart/form-data
        // 但明确指定可以确保兼容性
        "Content-Type": "multipart/form-data",
    },
    onUploadProgress: (progressEvent) => {
        // 可选：监听上传进度
        const percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total);
        console.log(`上传进度: ${percentCompleted}%`);
    },
})
.then(response => {
    console.log("模拟大文件上传成功:", response.data);
    // 在这里处理成功响应，例如检查文件大小限制是否被正确处理
})
.catch(error => {
    console.error("模拟大文件上传失败:", error);
    // 在这里处理错误，例如检查是否因文件过大而被拒绝
    if (error.response) {
        console.error("服务器响应数据:", error.response.data);
        console.error("服务器响应状态码:", error.response.status);
    }
});