AJAX返回链接而不是图像

时间:2015-07-29 15:39:17

标签: php jquery html ajax

我得到链接而不是图像。

    $.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>

2 个答案:

答案 0 :(得分:0)

替换

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

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

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

答案 1 :(得分:0)

尝试:

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

Text用于将文本节点注入元素,该元素不会被解释为html。 html()方法将html写入元素并被解释为。