Facebook即时游戏在游戏期间加载远程图像不起作用

Question

游戏开始了，我收到了用户的状态，一切都准备就绪。我正在尝试建立一个问答游戏。我正在从一个远程服务器获取所有信息，其中包括一个问题基础上的图像资产。我可以获取远程数据，但无法显示图像。看起来facebook正在屏蔽它们。

我尝试使用Content-Security-Policy: img-src *.fbsbx.com将CSP标头添加到镜像服务器。在此之前，我也尝试过*。这一切似乎都不起作用。唯一有效的方法就是将图片资产上传到facebook的主机上。

Facebook方面没有提供任何信息。这里有人有什么消息吗？

Answer 1

根据这篇文章(Instant Games Content Security Policy)，脸书即时游戏似乎屏蔽了某些媒体。他们确实允许使用blobs。因此，我将图像作为blob获取，并将其转换为可在图像上设置的数据对象。

            fetch(imageUrl)
                .then(function (response) {
                    return response.blob();
                })
                .then(function (myBlob) {
                    let myImage = document.getElementById('my-image');
                    myImage.src = URL.createObjectURL(myBlob);
                });