在twitter和facebook上共享图片的网站代码

有没有HTML/PHP/jQuery代码可以在twitter和facebook上共享图片？不仅仅是图片的src，而是在共享屏幕上显示图片。

有

PHP

&

HTML

，但没有

jQuery

Facebook

Facebook有一个叫做的东西，要安装它们，请在页面的

之间添加以下

meta

标记

<meta property="og:title" content="My awesome website title" />
<meta property="og:type" content="website" />
<meta property="og:description" content="my example website is on facebook!" />
<meta property="og:url" content="http://example.com" />
<meta property="og:image" content="http://example.com/og_img.jpg" />

提示

PHP

呈现一个

HTML

输出，但是

PHP

的好处是在每次更改

meta

标记时，或者如果你有一个博客，每篇文章都有自己的permalink和自己的标题、描述、图像，而不必编辑每页

meta

标记。。等等，

PHP

很方便

进一步阅读

---

但如何共享通过ajax动态生成的图像？我试图用jQuery更改meta值，但它不起作用。你不能，一个选项是将该图像上传到服务器，保存它，并为它创建永久链接，然后你就可以在Facebook和Twitter上共享它（参见imgur.com作为示例，该图像在那里提示，查看源代码；）谢谢你，我用你的想法找到了我的解决方案。但是共享按钮的url是什么？“”和“”不工作

localhost

？Facebook、Twitter或任何其他网站都无法访问

localhost

；）它重定向到

127.0.0.1

服务器本身，您需要使用带有域或IP的公共服务器

<meta name="twitter:card" content="summary">
<meta name="twitter:url" content="http://example.com">
<meta name="twitter:title" content="My awesome website title">
<meta name="twitter:description" content="my example website is on twitter">
<meta name="twitter:image" content="http://example.com/og_img.jpg" />