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

Question

我有很多要显示的图像，因此我使用动态局部视图来减少不必要的代码。这是我的部分观点：

@{ 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)用于解析图像的根路径~/。