在 Asp.Net Core 和 Razor 视图中显示来自路径的图像？

Question

我正在尝试在 MVC View Razor 网页中显示项目的图片。

以下操作无效。 ImageLocation 只有图片编号文件名。

Example: 
Product1.jpg
Product2.jpg
Product3.jpg
Product4.jpg

视图不起作用，只需要显示一张产品图片：

@model ElectronicsStore.Models.Product

@{
    ViewData["Title"] = "Details";
}

<h2>Details</h2>

<div>
    <h4>Product</h4>
    <hr />
    <dl class="dl-horizontal">

        <dt>
            <img src="~/images/@Url.Content(Model.ImageLocation)" alt="Image">
        </dt>
        <dd>

        </dd>
        <dt>
            @Html.DisplayNameFor(model => model.ProductDescription)
        </dt>
        <dd>
            @Html.DisplayFor(model => model.ProductDescription)
        </dd>
    </dl>
</div>

这个解决方案还没有工作，因为它使用了以前版本的 mvc net How to display an image from a path in asp.net MVC 4 and Razor view?

Answer 1

这是获取目录中的所有图像。当然，您可以根据需要对其进行调整。

我用过这样的东西：

var images = Directory.EnumerateFiles(Server.MapPath("Path"))
                             .Select(fn => "Path" + Path.GetFileName(fn));

并显示它我会使用：

foreach (var image in (IEnumerable<string>)images)
{
      //Your logic here eg:
      <img class="img" src="@Url.Content(image)" />
}

根据您的需要调整它