javascript - TextureLoader加载跨域图片失败

Question

我无法通过TextureLoader在chrome中加载图像

我想从“https://commons.wikimedia.org/wiki/Special:FilePath/Engels.jpg?width=300 ”的 URL 加载图像，但收到错误“从源 'null' 访问位于 ' https://commons.wikimedia.org/wiki/Special:FilePath/Engels.jpg?width=300 ' 的图像(从 ' http://commons.wikimedia.org/wiki/Special:FilePath/Engels.jpg?width=300 ' 重定向)已被 CORS 策略阻止:请求的资源上不存在“Access-Control-Allow-Origin” header 。”(我将 loader.crossOrigin 设置为匿名)。如果我将 loader.crossOrigin 设置为未定义，则加载程序可以加载图像，但可以不会出现错误“THREE.WebGLState:TypeError:无法在“WebGLRenderingContext”上执行“texImage2D”:找不到与提供的签名匹配的函数。”

Answer 1

https://commons.wikimedia.org 的服务器尚未实现 Access-Control-Allow-Origin header ，因此您可能无法获取图像直接。

您可以将图像保存到本地文件系统并引用它，这肯定有效。