从URL预览图像 - 就像Facebook一样

时间:2014-11-24 11:09:30

标签: javascript html user-interface hyperlink meteor

当您在Facebook上发布链接时,它会从该页面抓取图像作为预览。

我希望能够做同样的事情!我们正在与Meteor创建链接共享网站,并希望用户能够粘贴链接,并在列表中呈现图像。

有什么想法吗?在这个阶段,不需要特定的Meteor!

2 个答案:

答案 0 :(得分:0)

要在有人点击共享/喜欢等时添加图片,您可以使用

设置该页面的图像
<meta property="og:image" content="http://yourdomain.com/link/to/image" />

当有人分享时,它会使用该图像。您还可以设置标题等:

https://developers.facebook.com/docs/opengraph/using-objects#selfhosted-creating

答案 1 :(得分:0)

正如Sarath在评论中指出的那样,你必须通过使用正则表达式来抓取网页并查找所需的信息(标题,META desc,图像)。 我建议查找许多网站已经使用的META OG tags,或者如果没有,可以查找Schema.org微数据。

我认为像PhantomJS这样的工具可能会有所帮助,因为它可以让您获取网页的内容,甚至可以生成此页面的屏幕截图。