Jquery FormData可以附加数组来上传到网络核心上吗？

Question

我编写了这段代码来使用Jquery上传文件。

我准备了一个模型来生成这个ajax返回

$("input[name='ResolutionAttachedFile']")
            .each(function () {
                var ReadyToUpload = $(this)[0].files;
                if (ReadyToUpload.length > 0) {
                    $.each(ReadyToUpload, function (i, file) {
                        data.append("ResolutionAttachedFile", file);
                    });
                }
            });

        test.append('MyIFormFile', data);
        jQuery.ajax({
            url: '/Home/DocumentPage',
            data: test,
            cache: false,
            contentType: false,
            processData: false,
            type: 'POST',
            success: function (data) {
                alert(data);
            }
        });

这是我的控制器和数据模型

public class test
{ 
   public testArea MyIFormFile { get; set; }
   public class testArea
   {
       public List<IFormFile> ResolutionAttachedFile { get; set; }
   }
}

[HttpPost]
public IActionResult DocumentPage(test _test)
{
    return View();
}

但是这个模型不能映射值。

我不想改变模型结构。

那我怎么才能让它起作用呢？

Answer 1

要绑定到MyIFormFile.ResolutionAttachedFile，您需要传递MyIFormFile.ResolutionAttachedFile。

下面使用ajax进行测试：

    <div>
    <input type="file" multiple name="ResolutionAttachedFile" />
</div>

@section Scripts{
    <script type="text/javascript">
        $("input[name='ResolutionAttachedFile']")
            .change(function () {
                var data = new FormData();

                $("input[name='ResolutionAttachedFile']").each(function () {
                    var ReadyToUpload = $(this)[0].files;
                    if (ReadyToUpload.length > 0) {
                        $.each(ReadyToUpload, function (i, file) {
                            data.append("MyIFormFile.ResolutionAttachedFile", file);
                        });
                    }
                });
                jQuery.ajax({
                    url: '/DocumentPage',
                    data: data,
                    cache: false,
                    contentType: false,
                    processData: false,
                    type: 'POST',
                    success: function (data) {
                        alert(data);
                    }
                });

            });

    </script>
}

Note

作为我的测试，当项目在netcoreapp2.1下时，它将失败；当testArea中没有额外属性时，它将无法绑定。只有当有附加属性(如Name )并设置ajax的名称值时，它才能工作。

为了解决这个问题，您可以将项目迁移到netcoreapp2.2。

这是我的工作.csproj

  <Project Sdk="Microsoft.NET.Sdk.Web">

<PropertyGroup>
  <TargetFramework>netcoreapp2.2</TargetFramework>
  <UserSecretsId>aspnet-IdentityCore-85ED30A8-40E9-4BD5-A9D2-EAF6BCF0D5F1</UserSecretsId>
</PropertyGroup>

<ItemGroup>
  <PackageReference Include="Microsoft.AspNetCore.App" />
  <PackageReference Include="Microsoft.AspNetCore.Razor.Design" Version="2.2.0-preview3-35497" PrivateAssets="All" />
  <PackageReference Include="Microsoft.VisualStudio.Web.CodeGeneration.Design" Version="2.1.5" PrivateAssets="All" />
</ItemGroup>

</Project>