html - 为什么 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...，但没有找到它。不幸的是，我似乎无法使用其他百分比编码的字符来重现它，所以我很困惑它是否只是 / 或什么的问题。

当前的解决方案是简单地不将 / 放在您的 URL 中(例如，只需将您的图像命名为 c0638f6c65d2aa5c81f9ef820531eda2 或其他名称。