Anant Anand Gupta Let Me Make You Think Like Me

6May/1038

How To: Provide Save File Dialog for an Image Request in ASP.Net

It is the default behavior of the web browsers, when you click on the image link, to open the image and display it over there. There are instances when you might want your users to remain on the page and simply download and save the image after clicking on the image link.

This functionality can be achieved in ASP.Net. Here I am going to show how to:

Create a blank ASP.Net Web Application. Now you have to create a folder to store the image to be downloaded and add and image to it.

Your solution should look similar to this:

Open the Default.aspx and create a HyperLink to the image like this:

<asp:HyperLink ID="hlDownloadImage" runat="server" NavigateUrl="~/Images/image001.jpg?Action=Download">Download Image</asp:HyperLink>

Note that the image URL is having additional parameter "Action" with value "Download". We will see the utilization of the same in a moment.

now go and add a new file of Type ASP.Net Module ImageDownload.cs to the solution and modify the code as below:

public class ImageDownload : IHttpModule
{
    #region IHttpModule Members
    public void Dispose() { }

    public void Init(HttpApplication context)
    {
        context.BeginRequest += new EventHandler(context_BeginRequest);
    }
    #endregion

    public void context_BeginRequest(object sender, EventArgs e)
    {
        HttpApplication app = (HttpApplication)sender;
        HttpRequest req = app.Request;
        HttpResponse res = app.Response;
        if (req.Params["Action"] != null && req.Params["Action"].ToString() == "Download")
        {
            string path = req.AppRelativeCurrentExecutionFilePath;
            res.ContentType = "image/jpeg";
            res.AppendHeader("Content-Disposition", "attachment; filename=" + Path.GetFileName(path));
            res.TransmitFile(app.Server.MapPath(path));
            res.End();
        }
    }
}

Modify the web.config file to include following in <httpModules> section:

<add name="ImageDownload" type="WebUploadManager.ImageDownload"/>

You are done. Run the application and click on the Link for the image and you will see the Run/Save dialog. Try removing the Action parameter from the NavigationURL of the hyperlink; image will be displayed on screen as the default behavior of the browser.

Filed under: ASP.Net, C# Leave a comment
Comments (38) Trackbacks (0)
  1. nadruki
    January 28th, 2011 - 08:33

    Excellent blog here! Also your web site loads up very fast! What web host are you using? Can I get your affiliate link to your host? I wish my website loaded up as quickly as yours lol

    ( REPLY )
  2. Bok Sarac
    February 26th, 2011 - 17:49

    Thanks for the entry, I even learned a lot from it. Really quality content on this blog. Always looking forward to new entry.

    ( REPLY )
  3. vigrxplus
    March 1st, 2011 - 08:47

    Very interesting and cool.. Very nice sharing. Thanks for such a nice post. I really appreciate it.

    ( REPLY )
  4. jasdeep
    May 9th, 2011 - 05:38

    Hi
    I am trying to use your code, i liked it, but i get error in

    If i remove “WebUploadManager” from type it works. but then the image opens without dialog box in browser
    Please help what i am missing

    Thanks

    ( REPLY )
  5. jasdeep
    May 9th, 2011 - 12:43

    Can you please create a small working sample demo?

    ( REPLY )
  6. jasdeep
    May 9th, 2011 - 13:36

    Asp.Net Configuration option in Visual Studio.
    A full list of settings and comments can be found in
    machine.config.comments usually located in
    \Windows\Microsoft.Net\Framework\v2.x\Config
    –>

    This is my web.config? is there something wrong

    <!–
    The section enables configuration
    of the security authentication mode used by
    ASP.NET to identify an incoming user.
    –>

    <!–
    The section enables configuration
    of what to do if/when an unhandled error occurs
    during the execution of a request. Specifically,
    it enables developers to configure html error pages
    to be displayed in place of a error stack trace.

    –>

    ( REPLY )
  7. jasdeep
    May 9th, 2011 - 13:36

    Sorry i tried to post web.config but it didnt allowed

    ( REPLY )
  8. Meble debowe
    May 12th, 2011 - 18:54

    Heya just wanted to give you a quick heads up and let you know a few of the images aren’t loading properly. I’m not sure why but I think its a linking issue. I’ve tried it in two different web browsers and both show the same outcome.

    ( REPLY )
  9. vigrx
    July 2nd, 2011 - 04:27

    This is a smart blog. I mean it. You have so much knowledge about this issue, and so much passion. You also know how to make people rally behind it, obviously from the responses. Youve got a design here thats not too flashy, but makes a statement as big as what youre saying. Great job, indeed.

    ( REPLY )
  10. jennique adams
    July 2nd, 2011 - 17:27

    I would like to thank you for the efforts you have made writing this article. You have been enlightening for me. I’ve passed this on to a friend of mine.

    ( REPLY )
  11. Reno
    July 6th, 2011 - 13:41

    Heck of a job there, it asbluoetly helps me out.

    ( REPLY )
  12. Miracle
    July 8th, 2011 - 00:31

    You keep it up now, undesrantd? Really good to know.

    ( REPLY )
  13. Lakesha
    July 8th, 2011 - 05:15

    This is exactly what I was looking for. Thanks for wiritng!

    ( REPLY )
  14. Emmy
    July 8th, 2011 - 07:31

    With the bases laoded you struck us out with that answer!

    ( REPLY )

Leave a comment

(required)

No trackbacks yet.

» «

Post Calendar

May 2010
M T W T F S S
« Jan   Jun »
 12
3456789
10111213141516
17181920212223
24252627282930
31  

Pages

Categories

Tags

Email Ids Extractor Expresso HTA HTML Application JavaScript jQuery Plugin jQuery Spinner Control jQuery UpDown button RegEx Builder Regular Expression Spinner Button Stepper Button System StoredProcedure Virtual Development Environment Virtualization VMWare Web Grabber

Archives

User Controls

Google Ads