0

react-360 指令看起来非常清晰和简单：

<Image source={{uri: "https://images.pexels.com/photos/614810/pexels-photo-614810.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"}} style={{height:100,width:100}} />

但我已经手动将图像文件上传到 Google Storage、Amazon S3 和 Azure Blob Storage。在将它们公开后，它们都完美地呈现给非 react-360 浏览器 img 元素，但它们都不能在 react-360 浏览器画布中工作。

但是“ https://images.pexels.com/photos/614810/pexels-photo-614810.jpeg?auto=compress&cs=tinysrgb&h=650&w=940 ”是我发现的一个有效的 URL，但是上传同一张图片存储不起作用。

即使我在遇到问题时获得成功的 200 或部分内容 206 结果代码，我所能做的就是设置背景颜色来查看图像元素，实际图像永远不可见。

如何在 Google Cloud Storage 中获取我的 JPEG 图像以渲染到 react-360 中的图像元素？谢谢，请:)

4

2 回答 2

0

对于 S3，您可能希望在您正在使用的存储桶上使用 CORS 设置，并为您从中访问存储桶的站点添加一个例外。看看这里的文档：

https://docs.aws.amazon.com/AmazonS3/latest/dev/cors.html

假设 myreact360app.herokuapp.com 正在访问您的存储桶，您可以将以下内容添加到存储桶 CORS 策略中。

<CORSRule>
    <AllowedOrigin>https://myreact360app.herokuapp.com</AllowedOrigin>
    <AllowedMethod>GET</AllowedMethod>
    <MaxAgeSeconds>3000</MaxAgeSeconds>
    <AllowedHeader>*</AllowedHeader>
</CORSRule>
于 2018-08-30T12:44:45.270 回答