ASP.NET MVC如何实现显示文件名并添加文件下载链接的功能

解决方法 #

你当前通过Directory.GetFiles获取到的是服务器本地的物理路径（形如C:\站点目录\Images\Uploads\Deals\1\合同.pdf），直接渲染会显示完整路径，且拼接在链接中也无法正常访问，可按以下方案修改：

方案1（推荐）：修改Action方法提前处理路径

在Action中提前把文件名和可访问的相对路径封装好，避免视图层处理过多逻辑：

public ActionResult DealInfo(int id)
{
    using(Db db = new Db())
    {
        ManagementDeal deal = db.ManagementDeals.FirstOrDefault(x => x.DealId == id);
        var dId = deal.DealId;
        ViewBag.DealID = dId;
        string[] filePaths = Directory.GetFiles(Server.MapPath("~/Images/Uploads/Deals/" + id));
        
        // 新增：封装文件名和访问路径
        var fileList = new List<dynamic>();
        foreach (var fullPath in filePaths)
        {
            // 提取纯文件名
            var fileName = Path.GetFileName(fullPath);
            // 拼接站点可访问的相对路径
            var fileUrl = Url.Content($"~/Images/Uploads/Deals/{id}/{fileName}");
            fileList.Add(new { FileName = fileName, FileUrl = fileUrl });
        }
        ViewBag.FileList = fileList;
        // 其余原有逻辑保持不变
    }
}

对应修改视图代码：

<div class="container-fluid">
    <div class="row">
        @foreach (dynamic item in ViewBag.FileList)
        {
            <div class="col-sm-2">
                <div class="text-center">
                    <h1><i class="fas fa-file-alt text-warning"></i></h1>
                    <!-- download属性可强制触发下载，不加的话浏览器支持预览的文件会直接在新标签打开 -->
                    <a href="@item.FileUrl" target="_blank" download>@item.FileName</a><br />
                </div>
            </div>
        }
    </div>
</div>

方案2：不修改Action，直接调整视图代码

先在视图顶部引入IO命名空间：

@using System.IO

修改遍历部分的逻辑：

<div class="container-fluid">
    <div class="row">
        @foreach (string fullPath in ViewBag.FilePath)
        {
            // 提取纯文件名
            string fileName = Path.GetFileName(fullPath);
            // 拼接正确的访问路径
            string fileUrl = Url.Content($"~/Images/Uploads/Deals/{ViewBag.DealID}/{fileName}");
            <div class="col-sm-2">
                <div class="text-center">
                    <h1><i class="fas fa-file-alt text-warning"></i></h1>
                    <a href="@fileUrl" target="_blank" download>@fileName</a><br />
                </div>
            </div>
        }
    </div>
</div>

内容的提问来源于stack exchange，提问作者R S