使用其本地路径对视图中的图像进行寻址

本文关键字：图像 寻址 视图 路径 | 更新日期: 2023-09-27 17:55:08

如何在 ASP.NET 的MVC项目中显示此图像？

我已经试过这个，但它不起作用：

<img src="C:'BBBB'1.png" />

有什么绝妙的建议吗？

多谢！

使用其本地路径对视图中的图像进行寻址

我做了类似的事情来显示工资单存根。我不希望它们从wwwroot中访问。

请参阅此文章，了解如何从 mvc 操作提供图像。

ASP.NET MVC3：通过控制器加载图像

public ActionResult ShowImage(id) 
{
    var file = @"C:'BBB'"+id;
    var ext = file.Split('.').Last();
    return File(file, "image/"+ext, Path.GetFileName(file));
}

这样称呼它：

<img src="@Url.Action("ShowImage",new { id="1.png" })" alt="1.png"/>

对于循环，您可以在现有视图中执行以下操作：

 for (var i = 1; i < 10; i++ ) {
    @Html.Partial("ShowIfExists", new {id=i.ToString()+".png" })
 }

创建一个名为 _ShowIfExists.cshtml 的新 Razor 视图

 <img src="@Url.Action("ShowImage",new { id=Model })" alt="1.png"/>

并添加相应的操作：

public ActionResult ShowIfExists(id)
    if ( System.IO.File.Exists(@"C:'BBB'"+id) )
        return PartialView("_ShowIfExists",null,id);
    }
    return new EmptyResult();
}

图像标记的 src 需要指向图像在 Web 服务器上的驻留位置。

<img src="http://myserver.com/myimage.png" />
您需要

引用具有相对地址的图像，如下所示：../images/1.png .

检查本教程以开始： W3schools Html 教程/img 标签

如果您坚持显示本地图像，则应包含协议，在本例中 file://：

<img src="file://C:/BBBB/1.png" />

对于真正的项目来说，这不是一个好主意。

相关文章：