AJAX返回链接不是图像答案

【问题标题】：AJAX returning link not imageAJAX返回链接不是图像
【发布时间】：2015-07-30 02:10:02
【问题描述】：

我得到的是链接而不是图片。

    $.ajax({
    type: "GET",
    url: "image.php",
    contentType: "image/png",
    success: function(result){
        $('.image').text(result);
    }
});

$image = "http://4.bp.blogspot.com/-JOqxgp-ZWe0/U3BtyEQlEiI/AAAAAAAAOfg/Doq6Q2MwIKA/s1600/google-logo-874x288.png";
echo '<img src="'.$image.'"></img>';

<div class="image"></div>

返回文本而不是图像：

<img src="http://4.bp.blogspot.com/-JOqxgp-ZWe0/U3BtyEQlEiI/AAAAAAAAOfg/Doq6Q2MwIKA/s1600/google-logo-874x288.png"></img>

【问题讨论】：

Can jquery .ajax load image? 的可能重复项
我使用 UTF-8 编码
我不认为它可以工作，我从 mysql 获取信息，然后用 AJAX 刷新图像。
我不确定您是否正确使用了<img> 标签。 developer.mozilla.org/en-US/docs/Web/HTML/Element/img
在 ajax 调用运行后检查结果源...您将图像作为元素的 src 属性...而不是所需的图像路径

标签： php jquery html ajax

【解决方案1】：

替换

$('.image').text(result);

与

$('.image').html(result);

它会正常工作的。 text() 输出字符串，html() 输出 html 标记

【讨论】：

【解决方案2】：

试试：

$.ajax({
    type: "GET",
    url: "image.php",
    contentType: "image/png",
    success: function(result){
        $('.image').html(result); //change text to html
    }
});

Text 用于将文本节点注入到元素中，它不会被解释为 html。 html() 方法将 html 写入元素并被解释为这样。

【讨论】：

我认为这是不言自明的。但是，好点@JayBlanchard。我会详细说明原因。