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

public class ImageModel
{
    public int Id { get; set; }
    public string Name { get; set; }
    public string ImagePath { get; set; }
}

@model IEnumerable<ImageModel>

@{
    ViewBag.Title = "显示图像";
}

<h2>请选择一个图像：</h2>

<select id="imageSelect">
    @foreach (var image in Model)
    {
        <option value="@image.Id">@image.Name</option>
    }
</select>

<br /><br />

<img id="imageDisplay" src="" alt="图像" />

<script>
    $(document).ready(function () {
        $("#imageSelect").change(function () {
            var selectedValue = $(this).val();
            var imageUrl = '@Url.Action("GetImage", "Home")' + '?id=' + selectedValue;
            $("#imageDisplay").attr("src", imageUrl);
        });
    });
</script>

public class HomeController : Controller
{
    private ApplicationDbContext db = new ApplicationDbContext();

    public ActionResult Index()
    {
        var images = db.Images.ToList();
        return View(images);
    }

    public ActionResult GetImage(int id)
    {
        var image = db.Images.Find(id);
        return File(image.ImagePath, "image/jpeg");
    }
}