如何用剃刀连接图像源中的两个字符串？答案

【问题标题】：How to concatenate two strings in image source with razor?如何用剃刀连接图像源中的两个字符串？
【发布时间】：2015-08-20 17:52:35
【问题描述】：

我在 razor 中定义了以下变量：

@{string imageRoot = "/_media/Images/";}

我想在这里使用它：

<img src="@imageRoot App1/MyImage.png"/>

问题是字符串中的空格。

这可行，但我想在变量中保留斜杠而不是在文字中：

@{string imageRoot = "/_media/Images";}
<img src="@imageRoot/App1/MyImage.png"/>

【问题讨论】：

使用@(imageRoot + "App1/MyImage.png")
问题是引号。 src="" 有引号。
它仍然有效src="@(imageRoot + "App1/MyImage.png")"
“+”被翻译为 %20+

标签： asp.net-mvc razor

【解决方案1】：

看起来有点难看，但很有效：

@{string imageRoot = "/_media/Images/";}
<img src="@Html.Raw(imageRoot)App1/MyImage.png" />

【讨论】：

使用 Html.Raw() 似乎是唯一可行的解决方案。

【解决方案2】：

使用String.Concat 合并两个字符串。

@{imgRoot = string.Concat(imgRoot,"/_media/Images");}

或者只是普通的imgRoot + = imgRoot + "/_media/Images" 然后将您的变量设置为<img src='@imageRoot'/> 或<img src="@{imageRoot+@"/App1/MyImage.png"}"/> 请注意，@-symbol 是 Verbatim string literal，如果您有一个转义字符串的字符，它将防止 \ 被转义

【讨论】：