使用JavaScript和HTML在Twitter上共享图像

编程问答 2022-06-09

问题描述

我需要通过JavaScript和HTML在Twitter上共享图像。我正在使用下面的代码及其工作，但ts显示为链接而不是图像。我不想创建开发人员应用程序并直接在Twitter上共享硬编码的图像。

<a href="http://twitter.com/share?url=https://i.picsum.photos/id/313/200/300.jpg?hmac=7_pHHv7TyDti50LaIVPvCPkdWDgM0tcX3ViCIWruEDQ&text=This is twitter share"  target="_blank">              
    <img class="shareUlLi" id="shareTwitter" src="./images/twitter.png" alt="Twitter Share" title="Twitter Share"/>
</a>

解决方法

这里确实有两种方法：

  • 使用Twitter Web Share意图（这就是您在这里所做的）。共享意图不支持上传图像，因此您所要做的就是添加一个链接，该链接用于托管图像。如果该网站实施了Twitter卡，那么您可以在卡中显示一张图片（例如，大图片摘要卡）

  • 创建一个Twitter应用，让用户对其进行身份验证，让他们选择要使用Twitter媒体上传API上传（或代表他们上传）的图片，然后以编程方式发布带有该图片的Tweet。

htmljavascriptsharetwittertwitter