How do I display an image returned from MVC4 Web API

Question

We have a Web API (MVC4) application that returns images from the database. I have verified that the call to the Web API does produce a valid image.

Here is the Fiddler result showing that the image is returned properly: Fiddler API Call :

I tried setting an image element with the same source as the call, but that didn't work:

<img id="img" src="http://localhost/Seek/api/artifactcontent/?userName=XXXXX&password=XXXXXX&id=15-00931-27" />

What am I doing wrong?

carlosfigueira · Accepted Answer · 2012-09-20 20:22:29Z

2

You request in Fiddler is a POST request; the <img> tag sends a GET request. If you want to display images using <img> tags, you'll need to make your action accept GET requests instead of (or in addition to) POST.

answered Sep 20, 2012 at 20:22

carlosfigueira

87.7k14 gold badges137 silver badges176 bronze badges

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

3 Comments

Shai Cohen Over a year ago

OK great! Can I make the same Post action accept Get, or do I need to create another action called Get and have both actions call the function that returns the image?

carlosfigueira Over a year ago

The same action can accept both verbs - you can use the [AcceptVerbs] attribute: [AcceptVerbs("GET", "POST")]

carlosfigueira Over a year ago

Yes, [AcceptVerbs] work, as long as you have routes which can map to the action with that attribute.

Collectives™ on Stack Overflow

How do I display an image returned from MVC4 Web API

1 Answer 1

3 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Related