2016-07-03 4 views
-1

「私/」:。www.bolbihari.com(HTML FB.apiにJavascriptを使用してFacebookのプロフィール画像を取得できません。私は私のウェブサイトのためのユーザー・プロファイル名を含むと歓迎と一緒にFacebookのプロフィール画像を取得しようとしている

しかし、唯一のテキストは絵を示していないが、

をこれが私のコードです:。

<script> 
 
    window.fbAsyncInit = function() { 
 
    FB.init({ 
 
     appId  : '642539989247175', 
 
     xfbml  : true, 
 
     version : 'v2.6' 
 
    }); 
 

 
    function onLogin(response) { 
 
    if (response.status == 'connected') { 
 
    FB.api('/me', 'GET', {fields: 'first_name,last_name,name,id,picture.width(150).height(150)'}, function(data) { 
 
     var welcomeBlock = document.getElementById('fb-welcome';); 
 
     welcomeBlock.innerHTML = 'Hello ' + data.first_name + ','+ ' Welcome to BolBihari!'; 
 
\t var welcomeImage = document.getElementById('fb-welcome'); 
 
\t welcomeImage.innerHTML = "<img src="' + response.picture.data.url + '"/>"; 
 
    }); 
 
    } 
 
} 
 

 

 

 
FB.getLoginStatus(function(response) { 
 
    // Check login status on load, and if the user is 
 
    // already logged in, go directly to the welcome message. 
 
    if (response.status == 'connected') { 
 
    onLogin(response); 
 
    } else { 
 
    // Otherwise, show Login dialog first. 
 
    FB.login(function(response) { 
 
     onLogin(response); 
 
    }, {scope: 'user_friends, public_profile', email'}); 
 
    } 
 
}); 
 
// ADD ADDITIONAL FACEBOOK CODE HERE 
 
    }; 
 

 
    (function(d, s, id){ 
 
    var js, fjs = d.getElementsByTagName(s)[0]; 
 
    if (d.getElementById(id)) {return;} 
 
    js = d.createElement(s); js.id = id; 
 
    js.src = "//connect.facebook.net/en_US/sdk.js"; 
 
    fjs.parentNode.insertBefore(js, fjs); 
 
    }(document, 'script', 'facebook-jssdk')); 
 
</script> 
 

 

そして、これは、この

<div> 
 
    <center><h2 id='fb-welcome'/></center> 
 
    </div>

のHTMLコードで、このコードの実行中のテキスト部分を表示するために私のウェブサイトwww.bolbihari.comをご覧ください。

答えて

0

responseは変数ではないため、response.picture.data.urlは無効です。

FB.apiからの応答をdata変数に収集しています。使用するはずですdata.picture.data.url

関連する問題