How can I dynamically resize an image in ASP.NET MVC?

Question

Question

How can I dynamically resize an image in ASP.NET MVC?

Background

I'm trying to automatically create thumbnails from images that are already on the server. In ASP.NET Webforms, I created a HTTPHandler to do this and added verbs in the web.config for all image extensions to pass through the handler. The handler was nice in that if you wanted the original image, you'd use a typical image tag:

<img src="pic.jpg"/>

But if you wanted a resized image, you'd use:

<img src="pic.jpg?width=320&height=240"/>

Is there a way to duplicate the same behavior in ASP.NET MVC?

Answer 1

Can't you use the same handler in your ASP.NET MVC code? MVC is built on top of ASP.NET and goes through the same motions.

Answer 2

You can do the same in mvc. You can either use a httphandler as you did before or you create an action that streams the resized image.

If it were me I would create a controller with a resize method.

Answer 3

You can definitely reuse the same IHttpHandler. You just need a new IRouteHandler to map the incoming request to the correct handler:

public class ImageRouteHandler : IRouteHandler
{
    public IHttpHandler GetHttpHandler(RequestContext requestContext)
    {
        return new YourImageHttphandler();
    }
}

In your routes, add:

routes.Add("Images", new Route("images/{*file}", new ImageRouteHandler()));

Now any request in /images (e.g. /images/pic.jpg?width=320&height=240) will be handled by your existing handler. Obviously you can change the route pattern to match any path that makes sense, just like a typical MVC route.

Answer 4

check the following article. u can find useful

http://jaganeee.wordpress.com/2010/02/10/image-resize-using-asp-net-mvc/