如何从ViewComponent重定向到View并通过URL传递文件名

我在ViewComponent中编写了如下InvokeAsync方法：

public async Task<IViewComponentResult> InvokeAsync (ToolModel model)
{
    if (!ModelState.IsValid)
    {
        return View();
    }

    //Code

    return await Task.FromResult((IViewComponentResult)View(FullPathsOfViews.FileDownload, fileName));
}

执行完上述代码后，我希望重定向到Download控制器，同时通过URL传递fileName参数，期望生成的URL格式为：

https://www.test.com/download/rt82x3267skykv34l8b3x4rnrrz1yz0g4cssd.pdf

我的Download控制器代码如下：

[HttpPost]
[Route("download/{file}")]
public async Task<IActionResult> Download(string fileName)
{
    string fileName = HttpContext.Request.Query["download"].ToString();

    string wwwPath = string.Empty;
    string FilePath = string.Empty;

    wwwPath = this.env.WebRootPath;

    FilePath = string.Format("{0}\file-convertions\{1}", wwwPath, fileName);


    byte[] fileBytes = null;

    // Download Word file
    if (!string.IsNullOrEmpty(FilePath))
    {
        fileBytes = System.IO.File.ReadAllBytes(FilePath);

    }
    return File(fileBytes, "application/force-download", "ddd");
}

作为新手，我该如何实现这一需求？

1. 先修正控制器的核心问题 #

你的控制器代码存在几个逻辑错误，先调整为符合需求的版本：

• 下载请求属于资源获取，改用HttpGet而非HttpPost，匹配URL直接访问的场景；
• 路由参数{file}与方法参数fileName不匹配，统一为{fileName}；
• 移除重复定义的fileName变量，直接使用路由传入的参数；
• 用Path.Combine拼接文件路径，避免跨平台的分隔符问题；
• 不要写死下载文件名，用实际传入的fileName；
• 增加文件存在性校验，避免报错。

修正后的控制器代码：

[HttpGet]
[Route("download/{fileName}")]
public async Task<IActionResult> Download(string fileName)
{
    string wwwPath = env.WebRootPath;
    string filePath = Path.Combine(wwwPath, "file-convertions", fileName);

    if (!System.IO.File.Exists(filePath))
    {
        return NotFound("目标文件不存在");
    }

    byte[] fileBytes = await System.IO.File.ReadAllBytesAsync(filePath);
    // 可选：根据文件扩展名获取正确的MIME类型，替代硬编码的application/force-download
    var contentType = GetContentType(fileName);
    return File(fileBytes, contentType, fileName);
}

// 辅助方法：获取文件对应的MIME类型
private string GetContentType(string fileName)
{
    var provider = new FileExtensionContentTypeProvider();
    if (!provider.TryGetContentType(fileName, out var contentType))
    {
        contentType = "application/octet-stream";
    }
    return contentType;
}

2. 调整ViewComponent的重定向逻辑 #

ViewComponent有两种实现重定向的方式，根据你的需求选择：

方式一：通过视图自动跳转（保留原有ViewComponent视图渲染）

在FileDownload视图中添加一段JS代码，页面加载时自动跳转到目标URL：

<script>
    window.location.href = '@Url.Action("Download", new { fileName = Model })';
</script>

这种方式会先渲染ViewComponent的视图，再自动跳转到下载控制器的URL。

方式二：直接返回重定向结果（跳过视图渲染）

如果不需要渲染ViewComponent的视图，直接修改InvokeAsync方法返回重定向结果：

public async Task<IViewComponentResult> InvokeAsync(ToolModel model)
{
    if (!ModelState.IsValid)
    {
        return View();
    }

    // 你的业务代码，生成fileName

    // 直接重定向到Download控制器的方法
    return RedirectToAction("Download", new { fileName = fileName });
}

这种方式会直接触发浏览器跳转，不会渲染原有ViewComponent视图。

3. 验证路由匹配 #

控制器上的[Route("download/{fileName}")]会自动生成你期望的URL格式：https://www.test.com/download/[你的文件名]，无需额外配置。

4. 测试 #

运行项目后触发ViewComponent调用，检查是否正确跳转到目标URL，同时验证控制器是否能正常读取文件并返回下载响应。

内容的提问来源于stack exchange，提问作者Prageeth Liyanage