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

Question

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

以下无效。 ImageLocation只有图片编号filename.

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)" />
}

根据您的需要进行调整

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

Display Image from Path in Asp.Net Core and Razor view?

c#

razor

asp.net-core-mvc

asp.net-core

asp.net-core-2.0