从ajax响应中设置图像内容

Question

我在jquery中发出ajax请求，如下所示。这个ajax请求动态获取图像。并且图像始终是不同的图像，具体取决于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 + '");
          }
    }
});

有没有办法使用ajax请求的响应来设置图像内容。感谢。

Answer 1

那里有一些不需要的单引号。使用此：

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

Answer 2

试试这个

$('#image').html('<img src="data:image/png;base64,' + response + '" />');

您需要将图像发回base64编码，请查看：http://php.net/manual/en/function.base64-encode.php

Answer 3

我很少使用jquery，但这对我有用： $(".avatar").html('<img src="' + user.avatar_url + '" />'); 在这里，我将图像添加到类中，并且avatar_url来自服务器的响应。