MVC4 render image with Ajax call

Question

Masters,

I have a scenario where i have a list of Items and on clicking single item it gets details along with image src url using ajax call.

I want to display(render) image right on page.

Now Image source URL is a FileActionResult returning Base64 string.

The problem is the page does not render image although it is having correct Src URL. And I don't want any additional Ajax call.

Please Help. Thanks in advance.

Why a base64 string when you can directly send an image stream as file result? any specific reason. While a base64 works on <img src="data:image/png;base64,..."/> kind of funda. — Imran
– Imran, Commented Jan 2, 2014 at 17:41
Ref 1 Ref 2 go through these two references.Might help you out. Good Luck! — Imran
– Imran, Commented Jan 2, 2014 at 17:51

Dan Esparza · Accepted Answer · 2014-01-02 14:28:21Z

1

How are you forcing the image to be updated?

The DOM is going to keep the image the same until you tell it to refresh the image -- I would suggest using something like

document.getElementById('theImg').src="/newImg.gif?unique=someuniquestring";

where someuniquestring is a new random datetime or something (to make sure browsers like IE don't cache the GET request).

answered Jan 2, 2014 at 14:28

Dan Esparza

28.5k29 gold badges104 silver badges127 bronze badges

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

3 Comments

Dipal Mehta Over a year ago

But I am assigning it a URL that will definitely give you image. Something like <img src="/File/DownloadFile/1" />. If you punch same in another tab then it shows image. The only constraint is, the response is base64 string

Dan Esparza Over a year ago

Ah, so it's not exactly a File getting returned from your FileActionResult, is it?

Dipal Mehta Over a year ago

File is returned as wanted if i open it in another tab but not rendering in Image box

Collectives™ on Stack Overflow

MVC4 render image with Ajax call

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related