javascript - 用于Ajax Post方法到Controller的参数为null(Parameters are coming in as null for Ajax Post method to Controller)

Question

I have this bit of code that triggers on click.(我有这段代码会在点击时触发。)

When I set a breakpoint at SaveNewProduct all the values are null.(当我在SaveNewProduct处设置断点时，所有值均为null。) I tried to create a input object, I tried to add in each property manually, nothing worked.(我尝试创建一个输入对象，尝试手动添加每个属性，但没有任何效果。) May I get any tips or suggestion.(请问我有什么提示或建议。) var input = { name: name, type: type, description: description, category: category, file: file.files[0], acronym: acronym }; $.ajax({ type: "POST", url: '/Admin/SaveNewProduct', processData: false, data: { name: name, type: type, description: description, category: category, file: file.files[0], acronym: acronym, input: input }, success: function (response) { alert("saved okay"); } }); [HttpPost] public async Task<ActionResult> SaveNewProduct(SaveNewProductInput input) { ... //breakpoint here, input values are all null ... } SaveNewProductInput.cs(SaveNewProductInput.cs) public class SaveNewProductInput { public string Name { get; set; } public string Acronym { get; set; } public string Type { get; set; } public string Category { get; set; } public string Description { get; set; } public HttpPostedFileBase File { get; set; } } I also tried remove processData, i Am presented with this error Uncaught TypeError: Illegal invocation(我也尝试删除processData，出现此错误Uncaught TypeError: Illegal invocation)   ask by Master translate from so

Answer 1

You need to use FormData to send files in request with processData and contentType set to false(您需要使用FormData在processData和contentType设置为false请求中发送文件)

var formData = new FormData(); formData.append("name", name); formData.append("type", type); formData.append("description", description); formData.append("category", category); formData.append("file", file.files[0]); formData.append("acronym", acronym); $.ajax({ url: "/Admin/SaveNewProduct", type: "POST", data: formData, processData: false, contentType: false, success: function (response) { alert("saved okay"); } });