asp.net mvcプロジェクトの画像をどこに保存し、site.masterからどのように参照しますか

83

私は新しいasp.netmvcプロジェクトを持っており、画像を保存するのに最適な場所と、site.masterからそれらを参照する方法を見つけようとしています（すべてに表示したいヘッダー画像がある場合）ページ）。

提案またはベストプラクティス？

asp.net-mvc image

— レオラ
ソース

113

私が通常行うことは、Contentフォルダー内に「Images」フォルダーを作成することです。一貫性がある限り、画像をどこに配置するかは本当にあなた次第です。

Site.Masterからこれらの画像を参照することは、他のビューから画像を参照する場合と同じです。

<img src="/Content/Images/mylogo.png" />

代替テキスト

— サルセド
ソース

すべてのページに表示されるように、site.masterファイルに画像リンクを配置しようとしています。

— leora 2009年

次に、divを作成し、site.masterにのみ存在するdivのバックラウンドとして画像を配置するだけです。したがって、すべてのページに表示します。あなたがあなたのCSSをリンクする方法を知らないならば、それはあなたが尋ねるべきだったものです。

— サルセド

あなたはベストプラクティスを求めていますが、実際にはそれは人次第です。しかし、そのようなものをページ自体に配置するのは難しい方法を見つけました。より一般的な方法でそれを実行したい場合、私が見つけた最良の場所はCssです。

— サルセド

4

コンテンツ/画像は問題ありませんが、画像を参照する方法は問題ありません。これは、開発WebサーバーおよびIISのルートWebアプリケーションでのみ機能します。仮想ディレクトリでWebアプリケーションを実行すると、画像が見つかりません

— chris166 2009

2

@ chris166が言ったように、絶対リンクは使用しないでください。MVC 5~では、次のようにプレフィックスを使用できます：<img src="~/Content/Images/logo.png" />。ここを参照してください：pseale.com/blog/2013/09/26/ImageLinksInMVCAreMagicalMostly.aspx

— JYL

26

<img src="@Url.Content("~/Content/Images/logo.png")" />

これをMVC5のRazorビューで使用します。画像は/ Content / Imagesに保存されます。

— zacharydl
ソース

4

MVC 5では、これはでさえあるはず<img src="~/Content/Images/logo.png" />です。ここを参照してください：pseale.com/blog/2013/09/26/ImageLinksInMVCAreMagicalMostly.aspx

— JYL

はい、上記の例をコピーしてMVCプロジェクトに貼り付けると、IDEは欠落している「〜」を自動的に挿入しました

— B. Clay Shannon

8

<%=Html.Image("~/Content/Images/xxx.png")%>

これは、サイト階層のどこにいても解決されます。Html.Imageは、Microsoft.Web.Mvc先物アセンブリの一部です。

— mxmissile
ソース

2

またはmvc2の場合：

<img src="<%: Url.Content("~/Images2/landingMain/safety.png") %>" alt="safety" />

— フレッド
ソース

1

Uはすべての画像を次のようなコンテンツフォルダに配置する必要があります：-コンテンツ->画像->。IMGファイルおよびスタイルシートファイルと同じコンテンツ->。cssのようなコンテンツフォルダしたがって、画像とcssを簡単にロードできます。適切な方法で実行されます。

— ビジェイチャウハン
ソース