如何在动态创建的表单中使用 JQuery Ajax 将表单数据提交到 ASP.NET Core MVC 操作

Question

我制作了一个包含UL 和li 的表单，其中每个li 包含输入和多文件表单类型输入，首先我从预定义的HTML 文档加载单行。然后我以 li 中的一个作为参考来创建另一个类似的，一个限制具有多个属性的文件类型的输入。然后我有一个提交按钮，onclick 转到SendProducts，它遍历每个li 上的每个输入类型，并将数据存储在一个FormData 对象中，每个对象分别命名，就好像它们是List<Products> 的一部分一样在 MVC 模式中。该模型包含一个IEnumerable<IFormFile>，当我尝试发布它时，它不会进入操作，只是刷新了页面

我正在使用 ASP.NET Core 5.02

Answer 1

https://docs.microsoft.com/en-us/aspnet/core/mvc/models/file-uploads?view=aspnetcore-5.0#match-name-attribute-value-to-parameter-name-of-post-method

解决方案是匹配 FormData 分配键上的字段名称吗？您可以将其设置为名称

myFormData.append("products["+(overallObjectCount)+"].Files", inputControl.files[i], inputControl.files[i].name);
                                                      

如果动作的参数被称为 Listproducts 并且包含一个

List<IFormFile> {get;set;} = new List<IFormFile>();