mvc controller json return

Question

i want to return an image in base64 from my controller to view using json.

public JsonResult changeProfile()
        {
            var userID = ((SessionModel)Session["SessionModel"]).UserID; // get current user id
            TBL_User item = _context.TBL_User.Find(userID);
            UserModel model = new UserModel();
            model.UserID = userID;
            model.BinaryPhoto = item.BinaryPhoto;

            return Json(new
            {
                ??????????????'
            },
                JsonRequestBehavior.AllowGet);
        }

what can i put there to return my image and display in the view? thanks

var base64 = Convert.ToBase64String(Model.BinaryPhoto); var imgsrc = string.Format("data:image/jpg;base64,{0}", base64);) @HienNguyen — Pedro Santos
– Pedro Santos, Commented May 6, 2019 at 14:21

Hien Nguyen · Accepted Answer · 2019-05-06 14:38:09Z

Update controller

  public JsonResult changeProfile()
            {
                var userID = ((SessionModel)Session["SessionModel"]).UserID; // get current user id
                TBL_User item = _context.TBL_User.Find(userID);
                UserModel model = new UserModel();
                model.UserID = userID;
                model.BinaryPhoto = item.BinaryPhoto;

                var base64 = Convert.ToBase64String(model.BinaryPhoto); 
                var imgsrc = string.Format("data:image/jpg;base64,{0}", base64);

                return Json(new
                {
                    Image = imgsrc 
                },
                    JsonRequestBehavior.AllowGet);
            }

Update src for image in ajax success

$.ajax({
      url: "/changeProfile",  
      success: function(data) {
          $(".img-circle").attr('src', data.Image);
      }
   });

<i class="fa fa-search text-symbol-color-do"></i> <img alt="" class="img-circle" src=""> what i put in src ?

Collectives™ on Stack Overflow

mvc controller json return

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related