【问题标题】:How to render facebook image link on my website?如何在我的网站上呈现 facebook 图片链接?
【发布时间】: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 不起作用

【问题讨论】:

    标签: html image hyperlink


    【解决方案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" width="454" height="454">
    

    仅隔离图片链接 (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://stackoverflow.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" alt="picofahedgehog" style="width:42px;height:42px;"></a>
    
    </body>
    </html>

    试试这个......!

    【讨论】:

    • 我知道这一点,感谢您的建议,但我正在尝试将图像保存在他们的服务器上,因此无法按照您的建议手动保存它们。
    猜你喜欢
    • 2012-12-27
    • 1970-01-01
    • 1970-01-01
    • 2017-04-21
    • 1970-01-01
    • 1970-01-01
    • 2014-05-19
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多