使用WebImage和JavaScript进行MVC图像处理

在视图中，我有以下

字段集

，它以缩略图形式显示与特定项目关联的图像：

<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>

---

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

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

---

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

在我的帖子中，我说，“…并在另一个视图加载，在该视图中显示图像的完整大小。”因此，新页面。这很简单，只需执行另一个操作，即可访问完整图像。你可以用

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();
}