[解決済み] アクションイメージ MVC3 Razor
2022-08-25 02:02:02
質問
MVC3でRazorを使用してリンクを画像に置き換える最良の方法は何でしょうか。 私は現在、単にこれをやっています。
<a href="@Url.Action("Edit", new { id=MyId })"><img src="../../Content/Images/Image.bmp", alt="Edit" /></a>
もっと良い方法はないのでしょうか?
どのように解決するのですか?
HtmlHelperの拡張メソッドを作成することで、CSHTMLファイル内のコードを簡素化することができます。タグをこのようなメソッドに置き換えることができます。
// Sample usage in CSHTML
@Html.ActionImage("Edit", new { id = MyId }, "~/Content/Images/Image.bmp", "Edit")
上記のコードに対する拡張メソッドのサンプルを示します。
// Extension method
public static MvcHtmlString ActionImage(this HtmlHelper html, string action, object routeValues, string imagePath, string alt)
{
var url = new UrlHelper(html.ViewContext.RequestContext);
// build the <img> tag
var imgBuilder = new TagBuilder("img");
imgBuilder.MergeAttribute("src", url.Content(imagePath));
imgBuilder.MergeAttribute("alt", alt);
string imgHtml = imgBuilder.ToString(TagRenderMode.SelfClosing);
// build the <a> tag
var anchorBuilder = new TagBuilder("a");
anchorBuilder.MergeAttribute("href", url.Action(action, routeValues));
anchorBuilder.InnerHtml = imgHtml; // include the <img> tag inside
string anchorHtml = anchorBuilder.ToString(TagRenderMode.Normal);
return MvcHtmlString.Create(anchorHtml);
}
関連
-
[解決済み】JPanelに画像を追加する方法は?
-
[解決済み] CSSによるフォールバック画像
-
[解決済み] div' コンテナに合わせて画像を自動リサイズするにはどうしたらいいですか?
-
[解決済み] div 内の画像を縦に並べる方法
-
[解決済み] Markdownで画像サイズを変更する
-
[解決済み] Bitmapオブジェクトに画像を読み込む際にOutOfMemoryが発生する問題
-
[解決済み] Razor View Page で名前空間をインポートするにはどうしたらいいですか?
-
[解決済み] razor viewエンジンでの@文字のエスケープ
-
[解決済み] razor で三項演算子を使用するには (特に HTML 属性について)?
-
[解決済み】Base64でエンコードされた画像をディスクに保存するには?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] .swfビューアから画像を抽出する?
-
[解決済み] HAMLを使って、コンテンツに画像を追加するには?
-
[解決済み] URLからPNGをダウンロードする LookIntoBitcoin
-
[解決済み] 画像比較 - 高速アルゴリズム
-
[解決済み】Kubernetesにイメージの再引き取りを強制する方法は?
-
[解決済み] [Solved] How do you stretch an image to fill a <div> while keeping the image's aspect-ratio?
-
[解決済み] OpenCVで画像の類似性をチェックする
-
[解決済み] Facebookでプレビューとして表示されるWebサイトの画像を設定するにはどうすればよいですか?
-
[解決済み】FFmpegで画像から動画を作成する方法は?
-
[解決済み] 背景を透明にする方法を教えてください。[クローズド]