0

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

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

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

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

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

4

2 回答 2

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"/>
}
于 2014-10-30T01:00:56.857 回答
-1

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

<img src="urlHere"/>
于 2014-10-29T09:29:49.633 回答