如何在我的网站上呈现 facebook 图片链接?

Posted

技术标签:

【中文标题】如何在我的网站上呈现 facebook 图片链接?【英文标题】:How to render facebook image link on my website? 【发布时间】:2021-09-18 12:47:40 【问题描述】:

我想知道是否可以将 facebook 提供的链接转换为图像。 假设我有这个链接https://instagram.fbeg2-1.fna.fbcdn.net/v/t51.2885-15/sh0.08/e35/s640x640/211923633_341835957436071_2595781851662408146_n.jpg?tp=1&_nc_ht=instagram.fbeg2-1.fna.fbcdn.net&_nc_cat=103&_nc_ohc=upj99hCjROUAX93eUge&edm=ABZsPhsBAAAA&ccb=7-4&oh=bc90a021d242b91c19fbfb074876837e&oe=60EDD8F5&_nc_sid=4efc9f(一张刺猬的照片)。我如何将其转换为图像以便静态页面可以使用它? src="<link>"deos 不起作用

【问题讨论】:

【参考方案1】:

我也是网络开发新手。我试图弄清楚这一点,但我能做的最好的事情就是在 Chrome 中使用 Inspect 复制完整的 html。这让你得到了这个,它不起作用,即使它基本上是页面上唯一的 HTML:

<img style="-webkit-user-select: none;margin: auto;cursor: zoom-in;background-color: hsl(0, 0%, 90%);transition: background-color 300ms;" src="https://instagram.fbeg2-1.fna.fbcdn.net/v/t51.2885-15/sh0.08/e35/s640x640/211923633_341835957436071_2595781851662408146_n.jpg?tp=1&amp;_nc_ht=instagram.fbeg2-1.fna.fbcdn.net&amp;_nc_cat=103&amp;_nc_ohc=upj99hCjROUAX93eUge&amp;edm=ABZsPhsBAAAA&amp;ccb=7-4&amp;oh=bc90a021d242b91c19fbfb074876837e&amp;oe=60EDD8F5&amp;_nc_sid=4efc9f"  >

仅隔离图片链接 (https://instagram.fbeg2-1.fna.fbcdn.net/v/t51.2885-15/sh0.08/e35/s640x640/211923633_341835957436071_2595781851662408146_n.jpg) 也不起作用。

我认为 Facebook/Instagram 可能正在使用某种无法在平台外共享的特殊链接。我的解决方法是下载图像并将其上传到免费的图像托管网站并链接到该网站。

希望其他人可以提供帮助。

【讨论】:

不幸的是,这对我不起作用,无论如何感谢您的帮助。他们在链接指向的文件中保留了图像的 base64 版本。如果我知道如何访问它就好了。【参考方案2】:

<!DOCTYPE html>
<html>
<body>

<h2>Image as a Link</h2>

<p>The image below is a link. Try to click on it.</p>

<a href="https://***.com/questions/68295069/how-to-render-facebook-image-link-on-my-website/68295245?noredirect=1#comment120701892_68295245"><img src="https://instagram.fbeg2-1.fna.fbcdn.net/v/t51.2885-15/sh0.08/e35/s640x640/211923633_341835957436071_2595781851662408146_n.jpg?tp=1&_nc_ht=instagram.fbeg2-1.fna.fbcdn.net&_nc_cat=103&_nc_ohc=upj99hCjROUAX93eUge&edm=ABZsPhsBAAAA&ccb=7-4&oh=bc90a021d242b91c19fbfb074876837e&oe=60EDD8F5&_nc_sid=4efc9f.jpg"  style="width:42px;height:42px;"></a>

</body>
</html>

试试这个......!

【讨论】:

我知道这一点,感谢您的建议,但我正在尝试将图像保存在他们的服务器上,因此无法按照您的建议手动保存它们。

以上是关于如何在我的网站上呈现 facebook 图片链接?的主要内容,如果未能解决你的问题,请参考以下文章

facebook分享图片与链接ios xcode

facebook页面插件未显示在我的网站上

如何显示在我的 Facebook Connect 网站上注册的 Facebook 用户列表

Facebook 发布链接图片

如何设置将在 Facebook 上显示为预览的网站图像?

如何在 iPhone 的 Facebook 上发布图像和视频