javascript - 在 Chrome 上使用 THREE.js 在本地镜像上拒绝跨源图像加载

Question

我正在使用 THREE.js，但在开发者控制台中收到此错误:

Cross-origin image load denied by Cross-Origin Resource Sharing policy.

当我用 Chrome 打开我的脚本时。 代码如下所示:

var particle_system_material = new THREE.ParticleSystemMaterial({
    color: 0xffffff,
    map: THREE.ImageUtils.loadTexture("images/circle.png"),
});

所以你可以猜到，:

map: THREE.ImageUtils.loadTexture("images/circle.png");

是问题所在。 在 Firefox 中它工作得很好。

我已阅读以下链接中的提示: Chrome, three.js: Cross-origin image load denied , https://github.com/mrdoob/three.js/wiki/How-to-run-things-locally , https://www.google.fr/search?q=Access-Control-Allow-Origin

我也实现了给出的命令:

Start Chrome executable with a command line flag:

chrome --allow-file-access-from-files

什么都不管用，我快疯了。它只是我硬盘上的一个图像，带有 HTML 和 JS 文件，没有服务器，没有“来源”。

Answer 1

您是在运行本地服务器，还是只是打开 html 文件？

很可能，运行本地主机服务器将解决此问题。 Mamp/Wamp非常易于使用。

如果这不起作用，你可以做一些激烈的事情，比如 chrome --disable-web-security