Display image from database in ASP.net with C#

I know this kind of question has been asked many times. Yet I don't succeed in displaying an image from my db on a page.

I tried the following method.

    protected void Page_Load(object sender, EventArgs e)
    {
        //Get the picture id by url
        //Query here
        byte[] picture = queryoutput;
        Response.ContentType = "image/jpeg";
        Response.BinaryWrite(picture);
    }

Link to get the image.

<asp:Image runat="server" ImageUrl="~/givememypicture.aspx?pic=3" ID="testimage" />

The <asp:Image /> tag is located in between <asp:Content > tags.

When I run this code and check in firebug, it simply states 'Failed to load fiven URL'. I also tried putting the Respone.Con...(picture); part into a public method and call that method with the byte var given.

I'm quite new to asp.net, but I have somewhat more experience in c#. I start to really dislike asp.net... I have been struggling with this for开发者_StackOverflow中文版 about 20 hours already and tried a lot of options, yet none worked.

The best would be if I could just fill in the picture via the codefile from that same page. It seems quite illogical to me to call another page to load the image from.

Can somebody please tell me what I'm doing wrong here?

Solution: Master page reference removed from the page directive on the page that handles the image response. Also removed everything else except for the @page directive itself within the aspx file.

try using a handler file (.ashx) put the code form your page_load in that lie so

public void ProcessRequest (HttpContext context) {
    //Get the picture id by url
        //Query here
        byte[] picture = queryoutput;
        Response.ContentType = "images/jpeg";
        Response.BinaryWrite(picture);
    }

    public bool IsReusable {
    get {
        return false;
    }
    }

then call the handler file and pass the correct querystring items from the

this should then work

There's an error in your path reference...

ImageUrl="/~givememypicture.aspx?pic=3"

should be:

ImageUrl="~/givememypicture.aspx?pic=3"

~ is shorthand for "the application root" and needs to be followed by a slash to indicate that it's a directory. Think of it as similar to other path shorthand notations such as . and ...

Make sure you call Response.Flush(); and also Response.End(); and see if that does the trick

Also, your content type has a misspelling. Is not "images/jpgeg" I think it's "image/jpeg"

EDIT: Yes, I just confirmed in Wikipedia that the correct content-type is image/jpeg.

I do this all the time. Here's some sample code:

Response.ContentType = "image/jpeg"; Response.BinaryWrite(bytes);

That's all there is too it. If it's not working, then something is probably wrong with your data.

A flush is not required. I have working code for this open on my screen right now.

I would suggest that you try writing that buffer of data to a file and see if it opens up as a valid picture. I bet something's wrong with that data.

Also, it's a good idea to enable browser side caching for your dynamic content. Here's a GREAT link that shows exactly how to do that, which will boost your performance / scalability a lot.

http://edn.embarcadero.com/article/38123