Set image content from ajax response

ajax, base64, image, javascript, jquery

Solution

You have some unneeded single quotes there. Use this:

$("#image").attr("src", "data:image/png;base64," + response);

Problem

I am making a ajax request in jquery as below. This ajax request gets images dynamically. And the image is always different image depending on the value of `num` ``` $.ajax({ type: "POST", url: "ABC.php?num=1", success: function(response) { if(response == 1) { //some code } else { // Here I am not able to set image content. $("#image").attr("src", "data:image/png;base64,' + response + '"); } } }); ``` Is there a way to set image content using the response of the ajax request. Thanks.

Original source