MVC中Json/Ajax上传文件时HttpPostedFileBase传null的解决建议

这个问题我之前也碰到过，核心原因是JSON格式无法传输二进制文件数据，你当前的AJAX请求用了JSON.stringify(data)和contentType: "application/json"，这种方式根本没法把文件传给后端，所以HttpPostedFileBase参数才会一直是null。给你几个具体的解决步骤：

1. 改用FormData封装请求数据 #

FormData是专门用来处理包含文件的表单提交的对象，它能同时承载普通文本数据和二进制文件数据，是前端上传文件的标准方案。

2. 调整前端AJAX代码 #

把原来的JSON.stringify(data)替换成FormData实例，同时修改AJAX的关键配置项：

• 移除contentType: "application/json"，FormData会自动生成正确的multipart/form-data请求头
• 添加processData: false和contentType: false，告诉jQuery不要自动处理数据和覆盖请求头

修改后的前端代码示例：

// 创建FormData实例并逐一添加数据
var formData = new FormData();
formData.append('SchoolName', $('#schoolname').val());
formData.append('SchoolAddress', $('#schooladdress').val());
// 假设你的文件输入框id是"schoolFile"，添加文件到FormData
formData.append('SchoolFile', $('#schoolFile')[0].files[0]);
// 循环添加STQ数组的内容（根据你的ViewModel结构调整字段名）
O.STQ.forEach(function(item, index) {
    formData.append(`STQ[${index}].YourPropertyName`, item.YourPropertyName);
});

$.ajax({
    url: '/SA/Save',
    type: "POST",
    data: formData,
    dataType: "JSON",
    processData: false, // 必须设置：禁止jQuery自动处理FormData
    contentType: false, // 必须设置：让浏览器自动生成正确的请求头
    success: function (d) {
        if (d.status == true) {
            alert('Successfully done.');
            // 清空表单的逻辑保持不变
            teaching = [];
            department = [];
            res = [];
            $('#schoolname').val('');
            $('#schooladdress').val('');
            $('#teaching').empty();
            $('#department').empty();
            $('#res').empty();
        } else {
            alert('Failed');
        }
        $('#submit').val('Save');
    },
    error: function () {
        alert('Error. Please try again.');
        $('#submit').val('Save');
    }
});

3. 确保后端ViewModel与前端参数匹配 #

检查你的SAViewModel，确保里面的HttpPostedFileBase属性名称和前端formData.append()里的键名完全一致。比如前端用formData.append('SchoolFile', ...)，ViewModel里应该对应：

public HttpPostedFileBase SchoolFile { get; set; }

额外注意事项 #

• 如果需要提交多个文件，可以多次调用formData.append('SchoolFiles', file)，后端对应IEnumerable<HttpPostedFileBase> SchoolFiles属性
• 若表单原生提交也需要支持，确保文件输入框的name属性和ViewModel里的属性名一致

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