javascript - 按下按钮时更新 img src

Question

我编写了一个简单的函数来获取经过身份验证的用户的个人资料图片并设置 <img>对此。而src属性正确更新，图像实际上没有改变。

function getDefault(){
    FB.api('/me', function(response) {
        $('#default').val("http://graph.facebook.com/" + response.id + "/picture");
    });
    alert($('#default').val());
    }

...

<img id="default" src="getDefault()"/>
<button onclick="getDefault()">Click to see your profile picture!</button>

Answer 1

该属性不是“值”。这是“src”。所以...应该是这样的:

$('#getDefault').click(function(){
    FB.api('/me', function(response) {
        $('#default').attr('src', 'http://graph.facebook.com/' + response.id + '/picture');
        alert($('#default').attr('src'));
    });

});

<img id="default" src="getDefault()"/>
<button id="getDefault">Click to see your profile picture!</button>

更新？:此外，警报应该位于内部，因为也许您不会在外部获得任何值...