Question

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

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

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

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

如果我必须通过编写HTML手动完成，您能否分享一下所需的HTML图像标记样本？

Answer 1

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

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

其中＆＃34; imageId＆＃34;是图像的id。

如果您希望从后台更具配置性，可以在文档类型中添加属性，例如＆＃34; headerImage＆＃34;并将属性的类型设置为＆＃34; MediaPicker＆＃34;。当您创建该类型的文档时，您现在可以从媒体库中选择一个图像并将其分配给＆＃34; headerImage＆＃34;属性。要在局部视图中集成它，只需通过剃刀代码中的document属性访问图像：

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

Answer 2

我害怕我误解了一些事情，因为答案似乎很简单。如果您在上传后不想编写手动HTML，并且不想以编程方式执行此操作，则可以在图像媒体节点的属性选项卡中找到已发布图像的网址。把它放在

中

<img src="urlHere"/>

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

2 个答案: