MVC5如何根据下拉列表中的选定值显示数据库中的图像

Question

我正在尝试根据下拉列表中的选定值显示数据库中的单个数据库。目前我正在尝试使用

    <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变量，

应该加载你的图像。