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

我可以在管理面板的媒體部分上傳圖像。我的問題是：如何在部分視圖中使用更新的圖像？我沒有以編程方式詢問。我有一個非常簡單的部分視圖 - 代碼如下：在Umbraco管理面板中，如何在部分視圖中使用圖像？

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

請注意，是部分視圖的所有代碼。

上傳後，我只是想添加一個圖片標籤。圖像名稱和ID將可用。有沒有一種方法可以配置嚮導來選擇圖像？

如果必須通過編寫HTML手動執行此操作，可否請您共享所需HTML圖像標記的樣本？

來源

2014-10-29 user576510

-1

恐怕我誤解了一些東西，因爲答案似乎很簡單。如果您不介意在上傳後編寫手動HTML，並且您不想以編程方式執行此操作，則可以在圖像媒體節點的屬性選項卡中找到已發佈圖像的URL。只要把該在

<img src="urlHere"/>

來源

2014-10-29 09:29:49 Scherling

如果我理解正確的，你想從你的媒體庫中的局部視圖鏈接到的圖像。如果你有圖片ID，那麼你可以簡單地這樣做：

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

其中「圖像標識」是圖像的ID。

如果您希望從後臺對其進行更多配置，可以將屬性添加到文檔類型中，如「headerImage」，並將該屬性的類型設置爲「MediaPicker」。當您創建該類型的文檔時，您現在可以從媒體庫中選擇一個圖像並將其分配給「headerImage」屬性。要整合您的局部視圖，只需通過您的剃鬚刀代碼中的文檔屬性訪問圖像：

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

來源

2014-10-30 01:00:56 pgenfer

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

回答

相關問題