在 Umbraco 管理面板中，如何在局部视图中使用图像？答案

【问题标题】：In the Umbraco Admin Panel, how do I use an image in Partial View?在 Umbraco 管理面板中，如何在局部视图中使用图像？
【发布时间】：2014-10-29 05:38:18
【问题描述】：

我可以在管理面板的媒体部分上传图片。我的问题是：如何在局部视图中使用更新的图像？我不是要以编程方式进行操作。我有一个非常简单的局部视图 - 代码如下：

<div>
    <p style="text-align:center">Heading here</p>   
    <img/>  
</div>

请注意，这是部分视图的所有代码。

上传后，我只想添加一个图片标签。图像名称和 ID 将可用。有没有办法可以配置向导来选择图像？

如果我必须通过编写 HTML 手动完成，您能否分享所需的 HTML 图像标签示例？

【问题讨论】：

标签： umbraco umbraco7 umbraco-mvc

【解决方案1】：

如果我理解正确，您希望在局部视图中链接到媒体库中的图像。如果您有图像 ID，那么您可以简单地执行以下操作：

<img src="@Umbraco.Media(imageId).umbracoFile"/>

其中“imageId”是图像的 ID。

如果您想从后台对其进行更多配置，您可以向文档类型添加一个属性，例如“headerImage”，并将该属性的类型设置为“MediaPicker”。当您创建该类型的文档时，您现在可以从媒体库中选择一个图像并将其分配给“headerImage”属性。要将其集成到您的局部视图中，只需通过剃刀代码中的文档属性访问图像：

@{
    var imageId = @CurrentPage.headerImage;
    var imageSource = @Umbraco.Media(imageId).umbracoFile;
    <img src="@imageSource"/>
}

【讨论】：

【解决方案2】：

恐怕我误解了一些东西，因为答案似乎很简单。如果您不介意在上传后编写手动 HTML 并且不想以编程方式进行，您可以在图像媒体节点的属性选项卡中找到已发布图像的 url。把它放进去

<img src="urlHere"/>

【讨论】：