return list of images as bytes in mvc 3

Question

I am trying to return a list of images as bytes to display on my view. I know how to return a single image by putting this in my controller

public FileContentResult DisplayImages(string packageID)

{

            byte[] byteArray = imageConverter.GetImageAsBytes(
                "\\filepath-to-image.jpeg");

            return new FileContentResult(byteArray, "image/jpeg"
}

How do I modify this to return a list of byte[] and then according call it in my View.

Thanks

Christiaan Nieuwlaat · Accepted Answer · 2011-11-07 20:59:43Z

1

I'll assume you'll call this action from javascript. In this case you could use the Json actionresult type to do this.

public ActionResult DisplayImages(string packageID)
{
  byte[] byteArray = imageConverter.GetImageAsBytes(@"\filepath-to-image.jpeg");
  return Json(new { imageList = new List<Byte[]>() { byteArray } });
}

you'll get an object with a imageList property which will be an Array of Array of Byte.

answered Nov 7, 2011 at 20:59

Christiaan Nieuwlaat

1,3699 silver badges14 bronze badges

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

5 Comments

brasewel Over a year ago

Thanks for replying. Yes I am calling the controller function via javascript. Will I have to specify the content-type in my view when calling?

brasewel Over a year ago

I am currently just using <img src = @Html.ActionLink("Controller/Action") /> to render the image. Not sure how I would do this with a list of array bytes returned as json

Paul Tyng Over a year ago

You won't be able to do a list of images in a single request unless you do some sort of CSS sprite (combine it to a single image), make multiple requests, or do some binary manipulation with an HTML 5 canvas or something, so may want to explore a different route. The multiple request is probably the easiest.

brasewel Over a year ago

Multiple requests is not really an option since I'm querying the database based on the packageID which returns 0 or many images

Christiaan Nieuwlaat Over a year ago

In that case it's a lot more difficult to get the thing done. As far as I know, you can't do this with just one request. You could break it up in 2 different requests, 1 to fetch the binaries from the database into the user session / webserver cache and returns an identifier and the number of images fetched and another which will take the identifier and a number as parameter and outputs the corresponding image data.

Collectives™ on Stack Overflow

return list of images as bytes in mvc 3

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related