javascript - 使用 javascript django 的带有图像的推文的工作示例

Question

我正在尝试使用 javascript 发布带有图像的推文。我阅读了有关卡片的信息，并将以下内容放在我正在共享的页面上:

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="http://203.110.93.244/">
<meta name="twitter:creator" content="@SarahMaslinNir">
<meta name="twitter:title" content="Parade of Fans for Houston’s Funeral">
<meta name="twitter:description" content="NEWARK - The guest list and parade of limousines witproject here.">
<meta name="twitter:image" content="http://www.promon.in/media/images/products/2015/09/listing_image_vsRFOqw.jpg">

然后我使用这个 JavaScript 来发推文:

twttr.widgets.createShareButton(
        'http://203.110.93.244/offers/eat-n-drink/Delhi-greater-kailash-rara-avis/81/',
        document.getElementById('twitter-btn'),
        {
            text: '#HelloWorld',
        });

问题是，我没有得到任何图像缩略图。请指导我找到可行的解决方案。谢谢。

Answer 1

以下内容对我有用。每当用户单击按钮时，它都会打开一个窗口...它发送源页面的“URL”，“via”是您的 Twitter 用户名，“文本”是您想要在其中显示的任何消息。请注意，文本量是有限的，如果太长，Twitter 会默默地删除部分数据。

带有图像的页面 URL 必须首先出现。您可以在这里测试页面的有效性:https://cards-dev.twitter.com/validator

jQuery("#twitter-share-button").click(function(e)
  {
    e.preventDefault();

    var uri = "http://203.110.93.244/offers/eat-n-drink/Delhi-greater-kailash-rara-avis/81/";
    var tweet = "https://twitter.com/intent/tweet?url="
          + encodeURI(uri)
          + "&via=yourtwittername&text="
          + encodeURI(uri)
          + encodeURI(" #your-hash-tag ")
          + encodeURI("some more text here");
    window.open(tweet, "Share on Twitter");
  });