c# - MVC Razor C# 用于 HTML img 标签 src 的变量

Question

我有很多图像要显示，所以我使用动态局部 View 来减少不必要的代码。这是我的部分观点:

@{ string[] imgs = { 
    "src='~/Content/images/1.png'", 
    "src='~/Content/images/2.png'", 
    "src='~/Content/images/3.png'" 
};

@foreach (var img in imgs) { *HTML GOES HERE* }

foreach 循环中的 HTML:

<div class="thumbnail-border">
    <img id="modalImage" class="thumbnail-lg" @Html.Raw(img) />
</div>

奇怪的是，如果我将“src”换成“alt”，则 alt 会起作用。但是将 src 的变量作为图像路径是行不通的。所以我的问题是:如果我想使用 foreach 循环遍历字符串数组(图像路径)以用于我的 ，我该怎么做？

Answer 1

忘记 @Html.Raw(img) - 你在这里不需要它。仅使用路径(没有 src 属性):

@{ 
    var imgs = { 
        "~/Content/images/1.png", 
        "~/Content/images/2.png", 
        "~/Content/images/3.png" 
    };
}

@foreach (var img in imgs) 
{ 
    <img src="@Url.Content(img)" alt="tbd" />
}

Url.Content(img) 用于解析图片的根路径~/。