ASP.NET MVC display image from json result

Question

Image is not displaying from json result value. Below is my Controller Action and Jquery

$.post('/User/Comment/',{commentId=Id},function(data){

  $("#cbox").append("<img src="'+data.ImagePath+'" />")

});

Controller:

public ActionResult Comment(string commentId){
     var data=(from p in db.commentdb
     join q in db.profileImage
     on p.Email equals q.Email
     where p.commentId==commentId
     select new
    {
     Name=p.Fullname,
     Comment=p.Comment
     ImagePath=q.ImagePath
     });
    return Json(data,jsonrequestbehavior.allowget)
   }

Please help to fix this. Just I need to display image on razor view based on json return image path

Looks like you're mixing single quotes with double. Try "<img src=\""+data.ImagePath+"\" />" instead — JohnnyFun
– JohnnyFun, Commented Jun 22, 2016 at 12:43
have you tried fixing your append to: $("#cbox").append("<img src='" + data.ImagePath + "' />") ? — fictus
– fictus, Commented Jun 22, 2016 at 12:43

Paul Swetz · Accepted Answer · 2016-06-22 14:01:57Z

1

Change

$("#cbox").append("<img src="'+data.ImagePath+'" />")

to

 $("#cbox").append("<img src='" +data.ImagePath+ "' />")

answered Jun 22, 2016 at 14:01

Paul Swetz

2,2691 gold badge14 silver badges28 bronze badges

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

Collectives™ on Stack Overflow

ASP.NET MVC display image from json result

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related