Asp.net mvc Razor.cshtml视图文件中的图像文件路径

在我创建的网站中，我试图将上传图像的URL存储到我的模型中，并在视图中调用它。因此，当我在源代码中为HTML键入文件路径时，它可以正常工作

<dd><img src="~/uploads/image.jpg" alt="ASP.NET" style="width:350px;height:260px" />
    </dd>

但是如果我尝试从模型中调用，URL就会被弄乱

@string imagePath = "~/uploads/" + Model.Picture;

 <dd><img src=@imagePath alt="ASP.NET" style="width:350px;height:260px" />
    </dd>

@string imagePath=“~/uploads/”+Model.Picture；

---

该代码链接到“”。有人能给我解释一下为什么它的工作方式不同吗？谢谢。

您缺少关于src属性值的引号。还要确保使用

Url.Content

helper方法获得正确的路径。您可以将

“~”

传递到此方法，以获得应用程序根目录的正确路径

@{ string imagePath = Url.Content("~/uploads/" + Model.Picture); };
<img src="@imagePath" alt="ASP.NET" style="width:350px;height:260px" />

@{string imagePath=Url.Content（“~/uploads/”+Model.Picture）；}；

或即使是没有变量的单个线性

<img src="@Url.Content("~/uploads/" + Model.Picture)"  />

---

src属性值周围缺少引号。还要确保使用

Url.Content

helper方法获得正确的路径。您可以将

“~”

传递到此方法，以获得应用程序根目录的正确路径

@{ string imagePath = Url.Content("~/uploads/" + Model.Picture); };
<img src="@imagePath" alt="ASP.NET" style="width:350px;height:260px" />

@{string imagePath=Url.Content（“~/uploads/”+Model.Picture）；}；

或即使是没有变量的单个线性

<img src="@Url.Content("~/uploads/" + Model.Picture)"  />

好的Url。内容助手修复了它，谢谢。我尝试过使用和不使用src属性值的引号，这两种方法在使用Url.Content helper后都有效。您应该使用引号。如果您的

Model.Picture

值中有空间，会怎样？如果没有引号，代码将中断。好的，所以Razor不会自动加引号，即使它是字符串数据类型？不。你需要自己做。Razor将呈现表达式的值。好的Url。内容助手修复了它，谢谢。我尝试过使用和不使用src属性值的引号，这两种方法在使用Url.Content helper后都有效。您应该使用引号。如果您的

Model.Picture

值中有空格怎么办？如果没有引号，代码将中断。好的，所以Razor不会自动加引号，即使它是字符串数据类型？不。你需要自己做。Razor将呈现表达式的值。