Three.js 在纹理中加载跨域图像

Three.js 在纹理中加载跨域图像,three.js,Three.js,如何在textureloader和im中加载跨域图像“未能在“WebGLRenderingContext”上执行“texImage2D”:跨原点…”错误 第一选项 向资产添加CORS标头,允许跨域请求: Access-Control-Allow-Origin: * 第二选项 您可以创建服务器端代理,然后像这样加载资产 loader.load('myproxy?url=http://myurl.com/img/box.png', onTextureLoaded); 但是,您需要小心,因为代理可

如何在textureloader和im中加载跨域图像“未能在“WebGLRenderingContext”上执行“texImage2D”:跨原点…”错误


第一选项

向资产添加CORS标头,允许跨域请求:

Access-Control-Allow-Origin: *
第二选项

您可以创建服务器端代理,然后像这样加载资产

loader.load('myproxy?url=http://myurl.com/img/box.png', onTextureLoaded);

但是,您需要小心,因为代理可能会占用大量带宽,您需要在设置代理时非常仔细,以免意外地打开服务器遭受某些代码注入攻击。

此服务有助于使用外部源,但请确保您知道自己在做什么。我需要在哪里用静态html编写CORS头。哇@escapedcat谢谢,我不知道它的存在@VijayBaskaran是这样做的:
loader.load('https://crossorigin.me/http://myurl.com/img/box.png,onTextureLoaded)谢谢@escapedcat和molbal。。我又得到了一个答案,答案和逃跑猫说的一样。我们需要在url之前使用ex:loader.load(“”,onTextureLoaded);你有没有想过在没有css3DRenderer的情况下添加跨域视频。?
loader.load('myproxy?url=http://myurl.com/img/box.png', onTextureLoaded);