Set image content from ajax response

Question

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.

Answer 1

You have some unneeded single quotes there. Use this:

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