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>

奇怪的是，如果我为“alt”切换出“src”，则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)用于解析图片~/的根路径。

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

1 个答案: