javascript - 同源图像 texImage2D 的安全错误

Question

我目前正在学习 WebGL。在对纹理加载完成时调用的 texImage2D 的调用中，我得到以下 SecurityError:

Uncaught SecurityError: Failed to execute 'texImage2D' on 'WebGLRenderingContext': The cross-origin image at /path/to/texure.png may not be loaded.

但是，该文件位于同一域中，实际上它与请求它的 html 文件位于同一目录中。

这是文件布局:

> js
|-> script.js
|-> glUtils.js
|-> sylvester.js
> texture.png
> index.html

当我查看 F12 控制台的资源列表时，图像 texture.png 在那里，已完全加载，并且是 256 x 256。为什么它认为我正在从另一个域请求？

Answer 1

解决方案是您必须在本地网络服务器上，因为 file:///域请求将不会被授予。 (Pointy 给出的信息:

If you serve up the stuff from a local webserver it'll work, because the browser will see those as being from the same domain. Chrome used to have an command-line option to allow it: --allow-file-access-from-files but I don't know if it still works