使用 JavaScript 和 HTML 在 twitter 上分享图片答案

【问题标题】：Share Image on twitter using JavaScript and HTML使用 JavaScript 和 HTML 在 twitter 上分享图片
【发布时间】：2021-01-27 10:16:08
【问题描述】：

我需要通过 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>

【问题讨论】：

标签： javascript html twitter share

【解决方案1】：

这里实际上有两种方法：

使用 Twitter Web Share Intent（这就是您在此处所做的）。共享意图不支持上传图片，因此您所能做的就是包含一个链接到托管图片的网站。如果网站实现了 Twitter 卡片，您可以将图像显示为卡片的一部分（例如，摘要大图像卡片）
创建一个 Twitter 应用程序，让用户对其进行身份验证，让他们使用 Twitter 媒体上传 API 选择要上传（或代表他们上传）的图像，然后以编程方式发布带有该图像的推文。

【讨论】：