无法从Node.js后端向ASP.NET MVC控制器传递数据的问题求助

看起来你的核心问题在于Node.js后端构建和发送FormData的方式有误，导致ASP.NET MVC的模型绑定无法正确解析参数。咱们一步步来拆解问题：

1. 核心问题分析 #

错误1：错误处理FormData的传递 #

你在axios配置里把FormData拼到了字符串"jsondata=" + data，这会把FormData对象直接转成字符串[object FormData]，完全丢失了实际的表单数据，MVC自然无法解析到model参数。

错误2：手动设置Content-Type: multipart/form-data #

当你传递FormData给axios时，不需要手动设置Content-Type，axios会自动添加正确的multipart/form-data头，并且带上必要的boundary分隔符，手动设置反而会导致boundary缺失，服务器无法正确解析表单结构。

错误3：多余的JSON字符串替换操作 #

你对postData做了JSON序列化再反序列化的操作，这不仅完全没必要，还可能破坏文件数据（比如bin_file如果是Blob/File对象的话，JSON序列化会直接丢失原始信息）。

2. 修改后的Node.js后端代码 #

import axios from 'axios';
class UploadFile {
    constructor() {
        this.url = 'http://localhost:56246/microservice/uploaddata';
    }
    command(postData, callback, uploadCallback = null) {
        const data = new FormData();
        // 直接使用原始postData构建FormData，跳过多余的JSON转换操作
        for (let i = 0; i < postData.length; i++) {
            data.append(`model[${i}].name`, postData[i].name);
            data.append(`model[${i}].bin_file`, postData[i].bin_file);
        }

        const config = {
            method: 'post',
            url: this.url,
            // 移除手动设置的Content-Type，让axios自动处理
            data: data, // 直接传递FormData对象
            onUploadProgress: (progressEvent) => {
                const { loaded, total } = progressEvent;
                console.log("loaded:", loaded);
                console.log("total:", total);
                if (uploadCallback !== null) uploadCallback(progressEvent);
            }
        };

        axios(config)
            .then(function(response) {
                callback(response.data);
            })
            .catch(function(error) {
                console.log(error);
            });
    }
}
export default UploadFile;

3. ASP.NET MVC端的验证与调整 #

确保模型绑定规范 #

你的MemberInfo模型属性名和FormData的键名已经一致（name、bin_file），只要FormData正确传递，模型绑定应该能正常工作。如果还是有问题，可以尝试：

• 在控制器方法上添加[HttpPost]特性（虽然你说方法能被调用，但明确标注更规范）
• 确认bin_file的类型匹配：如果前端传递的是Base64字符串，string类型没问题；如果是二进制文件，需要改成HttpPostedFileBase（.NET Framework）或IFormFile（.NET Core）

修改后的控制器示例：

[HttpPost]
public dynamic UploadData(List<MemberInfo> model) {
    // 你的业务逻辑
    return "Hiiiiiiii";
}

public class MemberInfo {
    public string name { get; set; }
    public string bin_file { get; set; }
    // 如果是二进制文件，替换为：
    // public HttpPostedFileBase bin_file { get; set; }
}

4. 调试验证步骤 #

1. 打开浏览器开发者工具（F12），切换到Network标签
2. 触发按钮点击，找到对应的POST请求
3. 查看Request Payload，确认FormData的结构正确，包含model[0].name、model[0].bin_file等键值对
4. 查看Response，确认返回的是"Hiiiiiiii"，同时控制器里的model参数不再为null

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