ASP.NET Core 如何显示 www/images 中的图像

Question

我是 ASP.Net Core 的新手，wwwroot/images目录中有图像，我想在单击它们时显示图像。我创建了一个“查看”页面来查看所有图像（以及数据），当我单击图像时，它将转到详细信息页面。

这是没有显示图像的详细信息页面。

这是图像的完整路径https://localhost:44325/Catelog/Details/images/book2.jpg

我所有的图像都在wwwroot/images目录中。

详情.cshtml

 <div class="col-md-4">
        <div>
            <img src="@Model.imageUrl" class="detailImage" />
        </div>
 </div>

那么我如何展示我的图像或说明如何wwwroot/images共享其资源（也许？）

Answer 1

如果您的 model.imageURL 等于：

images/book2.jpg  

只需在 @Model.imageUrl 之前添加 / 即可：

<img src="/@Model.imageUrl" class="detailImage" />

如果是这样的：

book2.jpg  

像这样更改代码：

<img src="/images/@Model.imageUrl" class="detailImage" />