在foreach中显示图像

时间:2017-01-25 10:27:27

标签: c# html asp.net-mvc image foreach

所以我登录LinkedIn并试图添加Facebook。

我已经拥有"与LinkedIn签约"按钮工作,我正在尝试添加Facebook一个:

<div id="socialLoginList">
                <p>
                    @foreach (AuthenticationDescription p in loginProviders)
                    {
                        var source = "~/Img/" + p.AuthenticationType + ".png";
                        <input type="image" src="@source" border="0" id="@p.AuthenticationType" name="provider" value="@p.AuthenticationType" style="max-height: 100%; max-width: 100%">
                    }
                </p>
            </div>

如果我不构建这样的路径,并给它src =&#34;〜/ Img / Facebook.png&#34;或src =&#34;〜/ Img / LinkedIn.png&#34;他们工作。如何编写路径以使图片不会在页面上显示为损坏的元素?

2 个答案:

答案 0 :(得分:2)

src="@Url.Content(String.Format("~/Img/{0}", source))"

答案 1 :(得分:1)

如果你使用 c#6.0 而不是使用Interpolated Strings它会给你同样的东西但是要用得更清洁

src="@Url.Content($"~/Img/{@source}")"