2014-10-29 35 views
0

我可以在管理面板的媒体部分上传图像。我的问题是:如何在部分视图中使用更新的图像?我没有以编程方式询问。我有一个非常简单的部分视图 - 代码如下:在Umbraco管理面板中,如何在部分视图中使用图像?

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

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

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

如果必须通过编写HTML手动执行此操作,可否请您共享所需HTML图像标记的样本?

回答

-1

恐怕我误解了一些东西,因为答案似乎很简单。如果您不介意在上传后编写手动HTML,并且您不想以编程方式执行此操作,则可以在图像媒体节点的属性选项卡中找到已发布图像的URL。只要把该在

<img src="urlHere"/> 
1

如果我理解正确的,你想从你的媒体库中的局部视图链接到的图像。 如果你有图片ID,那么你可以简单地这样做:

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

其中“图像标识”是图像的ID。

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

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