将数组数据（包含文件类型属性）附加到FormData的教程

var data = [
    {t:"lorem", u: fileObject1},
    {t:"ipsum", u: fileObject2},
    {t:"generator", u: fileObject3}
];

public class SampleData
{
    public string t { get; set; }
    public HttpPostedFileBase u { get; set; } // 文件类型
    public SampleData() { }
}

public JsonResult Save(FormCollection model, SampleData[] upls) {
  // upls 期望被正确绑定为 SampleData 对象的数组
  // 可以在这里处理 upls[0].t, upls[0].u.FileName 等
  ...
}

// 模拟前端的 File 对象
// 在实际应用中，这些 File 对象通常来自 <input type="file"> 元素
const file1 = new File(["这是第一个文件的内容。"], "document1.txt", { type: "text/plain" });
const file2 = new File(["这是第二个文件的内容。"], "image.png", { type: "image/png" });
const file3 = new File(["这是第三个文件的内容。"], "report.pdf", { type: "application/pdf" });

// 模拟前端的数组数据
var data = [
    {t: "发票信息", u: file1},
    {t: "用户头像", u: file2},
    {t: "月度报告", u: file3}
];

let formData = new FormData();

// 遍历数据数组，并根据索引构建 FormData
data.forEach((item, index) => {
    // 附加字符串属性
    // 键名格式：upls[索引].属性名
    formData.append(`upls[${index}].t`, item.t);

    // 附加 File 对象
    // 键名格式：upls[索引].属性名
    // 注意：这里直接传入 File 对象，而不是其字符串表示
    formData.append(`upls[${index}].u`, item.u);
});

// 可选：验证 FormData 的内容
console.log("FormData 内容：");
for (let [key, value] of formData.entries()) {
    // 对于 File 对象，value 会显示为 File 对象本身
    console.log(`${key}: ${value}`);
}

// 如何发送 FormData (使用 Fetch API 示例)
// const uploadUrl = '/Home/Save'; // 替换为你的后端接口地址
// fetch(uploadUrl, {
//     method: 'POST',
//     body: formData
// })
// .then(response => response.json())
// .then(result => {
//     console.log('上传成功:', result);
// })
// .catch(error => {
//     console.error('上传失败:', error);
// });

using System.Web; // 用于 HttpPostedFileBase
using System.Web.Mvc; // 用于 JsonResult, FormCollection

public class SampleData
{
    public string t { get; set; }
    public HttpPostedFileBase u { get; set; } // 接收文件
}

public class HomeController : Controller
{
    [HttpPost]
    public JsonResult Save(FormCollection model, SampleData[] upls)
    {
        if (upls != null && upls.Length > 0)
        {
            foreach (var item in upls)
            {
                // item.t 将包含字符串数据 (e.g., "发票信息")
                // item.u 将包含 HttpPostedFileBase 对象，可用于访问文件信息和内容
                // 例如：item.u.FileName, item.u.ContentType, item.u.ContentLength
                // item.u.SaveAs(Server.MapPath("~/Uploads/" + item.u.FileName));
                Console.WriteLine($"接收到数据: t='{item.t}', 文件名='{item.u?.FileName}'");
                // 实际项目中，在这里保存文件并处理其他数据
            }
            return Json(new { success = true, message = $"成功接收 {upls.Length} 条数据及文件。" });
        }
        return Json(new { success = false, message = "未接收到任何数据。" });
    }
}