facebook 응용 프로그램을 사용하여 Post 데이터와 Pic을 공유하는 방법은 무엇입니까? 나는 기능을 공유하는 다음 코드를 사용하고

Question

:

HTML 코드는 다음과 같습니다 때

<script> 
window.fbAsyncInit = function() { 
    FB.init({ 
     appId: '********', 
     status: true, // check login status 
     cookie: true, // enable cookies to allow the server to access the session 
     xfbml: true // parse XFBML 
    }); 
}; 

(function() { 
    var e = document.createElement('script'); 
    e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; 
    e.async = true; 
    document.getElementById('fb-root').appendChild(e); 
}()); 
</script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $('#share_button').live('click', function (e) { 
     //var title = 'HyperArts Blog test test test'; 
     //var image = 'http://world.g-shock.com/us/en/ble/common/img/appIcon.png'; 
     //var Caption = 'test test test test'; 
     var description = 'my testing he HyperArts Blog provides tutorials for all things Facebook'; 
     //var link = 'http://hyperarts.com/blog'; 

     var image = $('[id$=imgAuthorAvatar]').attr("src"); 
     var title = $('[id$=lblTitle]').text(); 
     var Caption = 'Posted By ' + $('[id$=hlUserName]').text(); 
     var description = 'my testing he HyperArts Blog provides tutorials for all things Facebook'; 
     var link = document.URL; 

     e.preventDefault(); 
     FB.ui(
       { 
        method: 'feed', 
        name: title, 
        link: link, 
        picture: image, 
        caption: Caption, 
        description: description, 
        message: '' 
       }); 
    }); 
}); 

모든 것이 잘 작동하지만, :

<div id="fb-root"> 
</div> 
<img src="share_button.png" id="share_button"> 

내 JQuery와 코드입니다 그것을 페이스 북에 공유하면 거기에 이미지가 표시되지 않습니다.

.

어떻게하면 페이스 북 벽에 게시물과 함께 이미지를 표시 할 수 있습니다 도와주세요. 공유 팝업에서 사진을 볼 수 있습니다. 하지만 공유 후에는 게시물에 표시되지 않습니다.

도와주세요.

Answer 1

picture 매개 변수의 이미지 URL은 절대 값 (http/https)이어야하며 공개 여야합니다. 왜 나타나지 않는 또 다른 이유는 종횡비와 크기 일 수 있습니다. 자세한 내용은 다음을 참조하십시오. https://developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content#images