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 に答える