クリックしてイメージを動的に表示MVC

Question

私はMVCを初めて使用しています。私は比較的単純な質問をしたいと思います！私は、リンクである2つの写真があるインデックスページを持っています。彼らは両方とも「ページ」という名前の別のページに行き、このページが開くと、私はちょうどクリックしたイメージをレンダリングします。ここではインデックスページから暗礁には、次のとおりです。

<div class="col-md-4"> 
<h2>Column 1</h2> 
    <a href="@Url.Action("NewPage", "Page")"> 
     <img src="~/Images/ball.jpg" /> 
    </a> 
</div> 
<div class="col-md-4"> 
    <h2>Column 2</h2> 
    <a href="@Url.Action("NewPage", "Page")"> 
     <img src="~/Images/ball1.jpg" /> 
    </a> 
</div>` 

私は「ball.jpg」をクリックするのであれば、私はそれが新しいページにレンダリングするために好きで、「ball1.jpg」も同じでしょう。 「NEWPAGE」のためのコントローラー：あなたは、クエリ文字列パラメータの値として一意のキーを渡すためにあなたのリンクのhref属性値を更新することができ

namespace MVC.Mine.Controllers 
{ 
    public class PageController : Controller 
    { 
     // GET: Page 
     public ActionResult NewPage() 
     { 
      return View(); 
     } 
    } 
} 

Answer 1

。

たとえば、現在のコードでは、画像ファイル名を渡すことができます。

<a href="@Url.Action("NewPage", "Page",new {id="ball"})"> 
    <img src="~/Images/ball.jpg" /> 
</a> 
<a href="@Url.Action("NewPage", "Page",new {id="ball1"})"> 
    <img src="~/Images/ball1.jpg" /> 
</a> 

今確認してください、それは強くあることを確認、あなたのNEWPAGEアクションメソッドを使用すると、ビューに文字列値（ファイル名）を通過しているので、ID

public ActionResult NewPage(string id) 
{ 
    var fileName=id+".jpg"; 
    return View(fileName); 
} 

という名前のパラメータには、この文字列値を受け入れることを確認してください文字列型に型付けされます。あなたは、データベースのテーブル（複数可）からのレコードのための画像を表示している場合

@model string 
<h2>Going to display the image clicked</h2> 
<img src="~/Images/@Model" /> 

、あなたは画像情報が簡単にNEWPAGEのアクションメソッドで取得でき、そこからユニークなID（主キー）を渡す必要があります。