如何将模型和附加参数从视图传递到控制器

Question

在我看来，使用 ASP.NET MVC，我列出了一些文件并将它们显示为一个按钮。通过单击每个按钮，应下载相应的文件。

为了显示文件列表，我将模型传递给查看，当用户单击每个按钮时，我必须将文件名和原始模型发送回控制器。

我找到了类似问题的答案，但就我而言，我没有一个按钮。我在视图中呈现的每个文件名都有一个按钮。

这是我的观点的代码：

@using (Html.BeginForm("DownloadFile", "SharedFolder", FormMethod.Post))
{
    <div class="col-sm-6">
        <div class="panel panel-info">
            <div class="panel-heading">Files</div>
            <div class="panel-body" style="max-height:300px; height:300px; overflow-y:scroll">
                @foreach (var file in Model.Files)
                {
                    <button type="button" class="btn btn-link btn-sm" onclick="location.href='@Url.Action("DownloadFile", "SharedFolder", new { fileToDownload = file, data = Model })'">
                        <div class="glyphicon glyphicon-file" style="color:dodgerblue">
                            <span style="color:black;">@file</span>
                        </div>
                    </button>
                    <br />
                }
            </div>
        </div>
    </div>
}

还有我的控制器操作：

    [HttpPost]
    public ActionResult DownloadFile(string fileToDownload, FolderExplorerViewModel data)
    {
        // download the file and return Index view
        return RedirectToAction("Index");
    }

当我点击文件进行下载时，出现以下错误：

找不到资源。

请求的 URL：/SharedFolder/DownloadFile

更新：

这是我的视图模型

public class FolderExplorerViewModel
{
    public int ID { get; set; }
    public List<Folder> Folders { get; set; }
    public List<string> Files { get; set; }
    public string SelectedPath { get; set; }
}

Answer 1

您不应该像这样存储data = Model 会导致性能和安全问题。

您只需从 View 中存储一个 fileToDownload 值。之后，在Controller中，你应该通过fileToDownload参数获取文件。

[HttpPost]
public ActionResult DownloadFile(string fileToDownload)
{
    // download the file by `fileToDownload` param here

    return RedirectToAction("Index");
}

Answer 2

您收到该错误的原因是，它试图进行表单发布，并且没有代表 fileToDownload 和数据的表单 html 元素。

实际上，您可以使用锚标签调用控制器的 GET 操作，而不是使用表单 POST（因为它只是下载，这里不需要使用 POST）。正如@Phong 提到的，使用 fileToDownload 您可能可以检索重定向到索引所需的其他信息。

@foreach (var file in Model.Files)
{
    <a href='@Url.Action("DownloadFile", "SharedFolder", new { fileToDownload = file})' title="Click here to download the file">@file</a>
}

然后您的控制器操作将是：

public ActionResult DownloadFile(string fileToDownload)
{
    // do the stuff
    // download would return FileResult on success, not sure what you meant by RedirectToAction("Index")
    // download the file and return Index view
    return RedirectToAction("Index");
}

如果您仍然想发送模型，那么您可以通过 ajax 的 javascript 按钮单击事件来实现。