为什么 Facebook 分享无法获取我的 Firebase 存储图像文件？

Question

我有以下按钮：

 <a class="btn btn-social btn-facebook" href="https://www.facebook.com/dialog/feed?app_id=1732jjjjjjj
                &redirect_uri={{statusUrl}}
                &link=https://sitename.com/{{statusUrl}}
                &name={{isTitle}}
                &picture=https://firebasestorage.googleapis.com/v0/b/rrrr.appspot.com/o/eWebcontent%2Fc0638f6c65d2aa5c81f9ef820531eda2?alt=media&token=93c157e6-05ec-4efe-8ca5-86942cfac742
                &caption=www.sitename.com
                &author=Author
                &description={{statusDesc}}.
                &properties={text:’value1′,key2:’value2′}
                &actions={name:’I LOVE u’,link:’https://www.sitename.com’}&&
  display=popup">

其他一切正常，除了图像没有显示。 它只是显示一个空格。

这是一个单页网站，所以我对开放图形元标记无能为力。

为什么 facebook 不能显示图片？

Answer 1

据我所知，这里的问题与网站处理字符转义的方式不同。

您的图像被命名为 eWebcontent%2Fc0638f6c65d2aa5c81f9ef820531eda2，因为 Firebase 存储已将 / 编码为 %2F。我假设 Facebook（和其他一些网站）尝试重新编码% 字符（%25），这意味着 Facebook 实际上正在寻找一个名为 ...%252F... 的图像，而不是找到它。不幸的是，我似乎无法使用其他百分比编码的字符来重现这一点，所以我很困惑这是否只是 / 或其他什么的问题。

当前的解决方案是不要将/s 放在您的网址中（例如，只需将您的图片命名为c0638f6c65d2aa5c81f9ef820531eda2 或其他名称。