使用WebImage和JavaScript的MVC图像处理

时间:2013-03-04 12:12:26

标签: javascript html asp.net-mvc-4 webimage

在视图中,我有以下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相当新,并且不知道如何执行以下操作。我想要做的是允许用户点击图像并使用另一个View加载,我在该视图中显示图像的完整大小。

1 个答案:

答案 0 :(得分:1)

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

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