ASP.NET MVC 3 provides various helper methods that are used for different purposes. WebImage helper method is one of them, which makes it very easy to display images in ASP.NET MVC. In this article, I will show you how you can use WebImage helper in ASP.NET MVC.
Open studio 2010 and create a new ASP.NET MVC 3 Web Application (Razor) project as seen below:
Choose Razor as the view engine and click OK.
Add a Controller and after adding a Controller adds the code as shown in the figure below. Also add a images folder in your which contained two images i.e. Desert.jpg and Coala.jpg.
using System.Web.Mvc;
using System.Web.Helpers;
namespace WebImageDemo.Controllers
{
public class HomeController : Controller
{
public ActionResult Index()
{
return View();
}
public void GetImage1()
{
WebImage wbImage = new WebImage("~/images/Desert.jpg");
wbImage.Resize(300, 300);
wbImage.FileName = "Desert.jpg";
wbImage.Write();
}
public void GetImage2()
{
WebImage wbImage = new WebImage("~/images/Koala.jpg");
wbImage.Resize(300, 300);
wbImage.FileName = "Koala.jpg";
wbImage.Write();
}
}
}
To get the image in a View use the following code:
<html>
<head>
<title>Index</title>
</head>
<body>
<div>
<img src="@Url.Action("GetImage1")" alt="" />
<img src="@Url.Action("GetImage2")" alt="" />
</div>
</body>
</html>
The image is displayed on the page as follows:
Thank you for reading this article.
Ashish Patel
18-Sep-2018