MVC5 dropdownlistから選択した値に応じてデータベースから画像を表示する方法

Question

dropdownlistから選択した値に応じてデータベースから1つを表示しようとしています。現在、私は、しかし、何も 以下の作品が表示されていない

<img id="preview" src="@Url.Action("getImage", "Home",new { id = item.Id })" /> 

    public string getImage(int id) 
    { 
     Gifts img = db.gifts.Find(id); 
     Byte[] imgByte = img.gift_image; 
     var base64 = Convert.ToBase64String(img.gift_image); 
     var imgSrc = String.Format("data:image/jpeg;base64,{0}", base64); 
     return imgSrc; 
    } 

を使用しようとしているが、それはすべての画像が表示され、私は唯一のデータベース

@foreach (var item in Model) 
     { 


     var base64 = Convert.ToBase64String(item.gift_image); 
     var imgSrc = String.Format("data:image/gif;base64,{0}", base64); 
     <img src='@imgSrc' /> 


     } 

Answer 1

から選択した項目にリンクされているものを表示したいですドロップダウンの仕組みはどうですか？

document.getElementById("preview").src=imgSrc; 

ドロップダウンでimgSrc変数を設定できる場合は、画像を読み込む必要があります。