2013-09-26 152 views
0

我試圖做一個Facebook的分享按鈕,使用JavaScript SDK,這是我使用的代碼:Facebook分享不把圖片

$(function() { 
    $('.facebook-share').click(function(e) { 
    e.preventDefault(); 
    FB.ui({ 
     method: 'feed', 
     link: SOME_VALID_LINK, 
     picture: "https://netstars-production.s3.amazonaws.com/uploads/staging/image/artwork/185/Screen_Shot_2013-06-25_at_2.07.21_PM.png?AWSAccessKeyId=AKIAJPC2ZNIXV535QU6A&Signature=lKS8UdWSDd8k5iFJxCFThTJnp8Y%3D&Expires=1380217515", 
     name: "Screen", 
     caption: "Please star my Image on Netstars.", 
     description: "Some " 
    }, function(response){}); 
    }); 
}); 

一切都按預期工作(鏈接,描述,名稱,標題),除了圖片(它沒有被顯示)。如果我在瀏覽器上覆制並粘貼鏈接,圖像就在那裏。

我缺少什麼?

謝謝!

我檢查了Is there any Facebook share plugin?上的現場演示,圖像共享也無法正常工作。

+0

_「如果我複製和粘貼在瀏覽器上的鏈接,圖像是存在的。」 _ - 我m只能得到一個XML響應,告訴我「訪問被拒絕」和 「請求已過期」... – CBroe

+0

您是否複製了整個鏈接? – jpbalarini

+0

當然可以。該鏈接本身包含一個參數'Expires = 1380217515',該時間戳約爲20分鐘前。 – CBroe

回答

0

如果你想獲得facebook分享鏈接,我建議你使用facebook提供的Facebook分享對話框。試試這個,

<html> 
    <body> 
     <div> 
      <a href="https://www.facebook.com/sharer/sharer.php?u=www.google.com" target="_blank"> 
       <img src="http://www.turtlegardens.org/blog/wp content/uploads/2012/10/FBShare.jpg" width="150px" height="60px"/> 
      </a> 
     </div> 
    </body> 
</html> 

的jsfiddle: http://jsfiddle.net/codeSpy/EYxTJ/133/

有關詳細信息: https://developers.facebook.com/docs/plugins/share/

+0

如果您選中此鏈接(http://jsfiddle.net/stichoza/EYxTJ/),它將使用帶有圖像的fb共享器並且圖像未顯示 – jpbalarini

+0

共享對話框除URL外沒有任何其他參數分享更多,而是通過Open Graph元標記從文檔本身獲取信息。 – CBroe

+0

它適合你嗎? JsFiddle:http://jsfiddle.net/codeSpy/EYxTJ/132/ –