通过表单发布的数据挂起应用程序

Question

我有这样的简单控制器方法：

[Authorize]
[HttpPost]
[ValidateAntiForgeryToken]
public async Task<IActionResult> Add(InputModel input, OtherInputModel[] input2)
{
    (...)
}

它从下面这个表单接收数据，但问题是当那个简单的端点 收到OtherInputModel[]然后点击“提交”后挂断

没有任何错误或任何东西 - 它只是在尝试输入该控制器方法时卡住了，即使我没有附加图像。

将 OtherInputModel[] 更改为 string[] “解决”它，所以仍然可以访问该方法，但我想发送复杂模型 []

<form asp-action="Add" method="post" enctype="multipart/form-data">
    <div class="form-group">
        <label class="control-label">Title</label>
        <input name="input.Title" class="form-control" value="@Model.Title" />
        <span class="text-danger"></span>
    </div>

    <div class="form-group">
        <label class="control-label">Body</label>
        <input name="input.Body" class="form-control" value="@Model.Body" />
        <span class="text-danger"></span>
    </div>

    <div class="form-group">
        <div class="col-md-10">
            <p>Upload one image ("jpg", "jpeg", "png", "bmp") using this form:</p>
            <input type="file" name="input.Image" />
        </div>
    </div>

    // here's probably the problem

    @for (int i = 0; i < 4; i++)
    {
        <div class="form-group">
            <label class="control-label"></label>
            <input name="input2[].Text" class="form-control" />
            <span class="text-danger"></span>
        </div>

        <div class="form-group">
            <div class="col-md-10">
                <p>Upload one image ("jpg", "jpeg", "png", "bmp") using this form:</p>
                <input type="file" name="input2[].Image" />
            </div>
        </div>
    }

    <div class="form-group">
        <input type="submit" value="Create" class="button" />
    </div>
</form>

这是我的模型：

public class InputModel
{
    public string Title { get; set; }
    public string Body { get; set; }
    public IFormFile Image { get; set; }
}

public class OtherInputModel
{
    public string Text { get; set; }
    public IFormFile Image { get; set; }
}

我也尝试过像这样在我的表单中使用索引

<input name="input2[@i].Text" class="form-control" />

Answer 1

这似乎是 ASP.NET Core 2.2 中的一个愚蠢的错误。与前端无关，它与一个动作需要包含IFormFile 的复杂对象数组和模型绑定进入无限循环（但它在 ASP.Core 2.1 中工作正常）这一事实有关。

这里是和issue 在 github 上关于这个错误。它已经关闭，看起来该错误已针对 ASP.NET Core 3 修复。

但是有一些建议的解决方法。

1。 使用objectName.Index 名称和索引值放置隐藏输入

<input type="hidden" name="otherinput.Index" value="0" />
<input type="file" name="otherinput[0].Image" />

工作正常，但如果有人在没有otherinput.Index 输入的情况下提出请求（通过邮递员或在提交前删除input），应用程序将像没有此解决方法一样挂起。所以我会说这是非常脆弱和不可接受的。

2。 将IFormFile 包装成一个类

public class OtherInputModel
{
    public string Text { get; set; }

    public string Body { get; set; }

    public FileHolder Holder { get; set; }
}

public class FileHolder
{
    public IFormFile Image { get; set; }
}

和标记

<input name="otherinput[0].Text" class="form-control" value="create btn" />
<!-- second line won't work by itself, first line with Text or Body property is required -->
<input type="file" name="otherinput[0].Holder.Image" />

工作正常，但人们说issue 中描述的可能存在内存泄漏。