有没有一种方法可以将外部图像放入A帧中？

问题描述

我的问题是，我无法将DropBox中的任何文件放入A帧

我尝试过

<a-assets>
        <img id="penguin" src="https://www.dropBox.com/s/lqnqf1ae7ygy3yh/4241745025010902126.JPG">
</a-assets>

比我尝试

<a-assets>
        <img id="penguin" src="src: url(https://www.dropBox.com/s/lqnqf1ae7ygy3yh/4241745025010902126.JPG)">
</a-assets>

比我尝试

<a-assets>
        <img id="penguin" src="https://www.dropBox.com/s/lqnqf1ae7ygy3yh/4241745025010902126.JPG" crossorigin="anonymous">
</a-assets>

比我尝试

<a-assets>
        <img id="penguin" src="src: url(https://www.dropBox.com/s/lqnqf1ae7ygy3yh/4241745025010902126.JPG)" crossorigin="anonymous">
</a-assets>

比没有人。加工！为什么？

解决方法

a-assets期望使用URL，因此他们不知道如何使用url()语法。不幸的是，控制台日志不清楚-uncaught exception: Object。

但是，当您提供链接时（例如在第一个和第三个选项中），您会获得更有用的日志：Cross-Origin Request Blocked: (...)-这使我们得出结论-这是一个CORS问题。

我发现一些info，只有direct links支持CORS。您所需要做的就是将dropbox.com更改为dl.dropboxusercontent.com：

// normal link
https://www.dropbox.com/s/lqnqf1ae7ygy3yh/4241745025010902126.JPG
// direct link
https://www.dl.dropboxusercontent.com/s/lqnqf1ae7ygy3yh/4241745025010902126.JPG

知道了这一点，我们可以在A帧中尝试一下。还有seems to be working。

---

如Greg所述，此方法不受官方支持，您可能应该以其他方式提供图像：

• 在github / github页面上。
• 在能够使用CORS标头服务器化资产的服务器上
• 在托管网站的任何服务器上（因此它们位于同一域中）