使用 WebImage 和 JavaScript 处理 MVC 图像

Question

在一个视图中，我有以下fieldset，它以缩略图类型的形式显示与特定项目相关联的图像：

<fieldset style="position:absolute; top:113px; left: 1050px; width: 300px;">
    <legend>Photos</legend>

    <div>
        <img src="@Url.Action("GetImage1")" alt="" />
        <img src="@Url.Action("GetImage2")" alt="" />     
        <img src="@Url.Action("GetImage2")" alt="" />     
    </div>

</fieldset>

在我的控制器中，我有以下代码：

public void GetImage1()
{
    BicycleSellerListing bicyclesellerlisting = db.BicycleSellerListing.Find(1023);

    WebImage wbImage = new WebImage(bicyclesellerlisting.ImageList.First().Image);
    wbImage.Resize(100, 100);
    wbImage.FileName = "Item.jpg";
    wbImage.Write();
}

所有这些都可以正常工作。我对 MVC、HTML 和 JavaScript 相当陌生，不知道如何执行以下操作。我想做的是允许用户单击图像并加载另一个视图，我在该视图中显示图像的完整大小。

Answer 1

这取决于你想从中得到什么。您希望它在新页面上单独显示图像还是使用 AJAX 在同一页面上显示完整图像？

如果是后者，您可能需要考虑使用局部视图。