如何使用ajax将图像链接放在img标签中

时间:2014-07-18 23:41:39

标签: javascript php jquery html ajax

我想要的是使用ajax和php将图像显示为img标记。

我的问题是在收到emailName.php图片的链接后,图片不会显示。

我检查emailName.php它将此数组发送到ajax:

{"user_lname":"Oppa","user_code":"1","user_image":"myDocuments\/images\/default.jpg"}

显示user_lname和user_code,但图像不显示。

我想在此标签上显示图片。

<img id="profileImage" name="profileImage" />
<label id="emailNameResult"></label>
<label id="emailCodeResult"></label>

脚本:

$(document).ready(function(){



var countTimerEmailName = setInterval(
        function ()
        {
        emailName();        
        }, 500);


var  $emailNameResult = $('#emailNameResult');

function emailName(){
        $.ajax({
        url:"emailName.php",
        type:"GET",
        data: { term : $('#email').val() },
        dataType:"JSON",
        success: function(result) {

        $("#emailNameResult").html(result.user_lname);
        $("#emailCodeResult").html(result.user_code);
        $("#profileImage").html(result.user_image);

        }

    });

};

});

1 个答案:

答案 0 :(得分:0)

使用attr()更改src

$("#profileImage").attr('src', result.user_image);

<强> attr() API docs

这假定显示的<img>标记已存在