AJAX提交时如何同时传递IFormFile文件与字符串参数

使用multipart/form-data格式（也就是FormData传文件的场景）提交请求时，所有请求参数（包括文件、普通文本值）都必须追加到同一个FormData实例中。你之前的几种错误写法要么没有把字符串参数存入FormData，要么拆分了两次请求，要么重复定义data字段覆盖了文件数据，导致后端无法同时拿到文件和folder参数。

不需要写复杂的链式请求或者重复配置，直接把folder字段追加到已创建的FormData对象里即可：

event.preventDefault();
var files = $("#image")[0].files;
var folder = $("#type").val();
var formData = new FormData();
// 同时追加文件和普通字符串参数
formData.append("image", files[0]);
formData.append("folder", folder);

$.ajax({
    type: "POST",
    url: "/Admin/Fileszxc",
    data: formData,
    processData: false,
    contentType: false,
    success: function (result) {
        // 自定义回调逻辑
    }
})

你当前的控制器方法签名本身可以正常绑定参数，只需要补充基础校验、修正异步调用写法、规避路径安全问题即可：

public async Task<IActionResult> Fileszxc(IFormFile image, string folder)
{
    // 基础参数校验，避免空引用报错
    if (image == null || string.IsNullOrWhiteSpace(folder))
    {
        return BadRequest("缺少必要的上传参数");
    }

    // 用字典替代多段if-else，维护更方便
    var folderMap = new Dictionary<string, string>
    {
        {"ACCESSORIES", "acce-image"},
        {"CLOCKS", "clocks-image"},
        {"COOKING", "cooking-image"},
        {"FURNITURE", "furniture-image"},
        {"JEWELRY", "jewelry-image"},
        {"LIGHTING", "lighting-image"},
        {"TOYS", "toys-image"}
    };
    folder = folderMap.TryGetValue(folder, out var targetFolder) ? targetFolder : folder;

    // 路径拼接用Path.Combine的多参数重载，避免手动拼斜杠出错
    string savePath = Path.Combine(Directory.GetCurrentDirectory(), "wwwroot", folder);
    if (!Directory.Exists(savePath))
    {
        Directory.CreateDirectory(savePath);
    }

    // 取文件名用内置方法，防范路径遍历攻击
    string fileName = Path.GetFileName(image.FileName);
    string fullSavePath = Path.Combine(savePath, fileName);
    using (var stream = new FileStream(fullSavePath, FileMode.Create))
    {
        // 方法标记了async，这里用异步拷贝方法符合异步编程规范
        await image.CopyToAsync(stream);
    }
    return View();
}

• 初始写法：仅向FormData中追加了image文件，没有存入folder参数，后端自然拿到null
• then链式写法：会先发送一次只带文件的请求，等第一次请求响应后再发送第二次只带folder的请求，两次请求独立，单次请求无法同时拿到两个参数
• 重复定义data的写法：JS对象中重复的key会被后面的值覆盖，最终请求只发送了{folder: folder}普通对象，既没有上传文件，contentType配置也不会生效

内容的提问来源于stack exchange，提问作者新Acesyyy