Laravel，将图像从服务器共享到 Facebook

编程问答 2022-06-02

问题描述

我在存储中保存了图片，我想在 Facebook 上分享它们。分享是有效的，但不是我认为的那样。我将在下面发布示例以展示我得到了什么和我想要什么。

所以我收到了需要点击才能查看图片的黑色帖子，如下所示：

What I get:

我希望它是这样的：

What I want:

HTML：

<button onclick="fb()">Facebook</button>
<img src="storage/images/lang/myImage.png" id="imgfb" style="display:none"/>

JavaScript：

<script>

function fb(){
            var imgsrc=document.getElementById("imgfb").src;
          var fbpopup = window.open("https://www.facebook.com/sharer/sharer.PHP?u="+encodeURIComponent(imgsrc),"pop","width=600,height=400,scrollbars=no");
          return false;
}

</script>

解决方法

您需要为该链接上的图片设置有机标签。

在 html 的头部部分

    <meta property="og:image" content="{{asset('YOUR-IMAGE-LOCATION')}}" />

还有其他可用于标题和描述的元标记，请在 https://developers.facebook.com/docs/sharing/webmasters/

上检查它们
facebookimageimageimagejavascriptlaravellaravelshare