displaying image from Database using ajax

Question

I was just wondering if it possible to make an ajax request from a view to an action which injects image data directly in to an image tag.

To give more details, i am borrowing some code in stackoverflow.

Controller;

public FileResult GetImage(int id)
{
  return File(PhotoHelper.GetImageBytes(id), "image/jpeg");
}

View:

<%= Html.Image("img", "/Photos/GetImage?id=" + Model.Photo.Id.ToString(), "BioPic", new { Width = "350px" })%>

Is it possible to load another another image from GetImage(int ID) using ajax?

LorenVS · Accepted Answer · 2009-12-16 04:09:59Z

3

Any HttpRequest that routes to the GetImage() method will produce a jpeg image. If you dynamically create another image tag using javascript and set it's src attribute to "/Photos/GetImage?id=x" another HttpRequest will be made to this controller, and another image will be created.

EDIT: You tagged jquery in your post, so here's the jquery for something like this:

var newImage = $('<img />');
newImage.attr('src', '/Photos/GetImage?id=' + someIntegerHere);
$('#mycontainer').append(newImage);

answered Dec 16, 2009 at 4:09

LorenVS

12.9k10 gold badges49 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

griegs · Accepted Answer · 2009-12-16 04:09:38Z

0

If you place the image in a partial view which includes the code you have to show the image, then in your controller you can do something like return RenderPartial("imagectrl", Model.Photo.Id.ToString());

I think that should work fine.

It's untested but I think that's how I implemented the same sort of thing.

answered Dec 16, 2009 at 4:09

griegs

22.8k33 gold badges132 silver badges207 bronze badges

Collectives™ on Stack Overflow

displaying image from Database using ajax

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related