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

我的图像保存在存储器中，我想在Facebook上分享它们。分享是有效的，但不是我想象的那样。我将在下面的例子中展示我得到了什么和我想要什么

所以我得到了需要点击才能看到图像的黑帖子，如下所示：

我希望它是这样的：

HTML:

Facebook

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>

函数fb（）{
var imgsrc=document.getElementById（“imgfb”）.src；
var fbpopup=窗口。打开（“https://www.facebook.com/sharer/sharer.php?u=“+encodeURIComponent（imgsrc），“pop”，“宽度=600，高度=400，滚动条=否”）；
返回false；
}

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

关于html的头部分

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

---

标题和描述也有其他元标记，请在

上检查它们。您可能需要完整的URL，即

https://example.com/storage/images/lang/myImage.png

，在您的

imgsrc

中。Facebook不知道如何处理

storage/images/lang/myImage.png

。你在共享哪个URL？Facebook确实知道如何处理它，因为我可以看到图像。当我单击“发布”时，它会在“新建”选项卡中打开图像。你需要在该页面上设置“打开的图形数据”

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