在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：交叉原始图像加载被拒绝 ， https：//github.com/mrdoob/three.js/wiki/How-to-run-things-locally ， https://www.google.fr/search?q=Access-Control-Allow-Origin

我也意识到了给出的命令：

使用命令行标志启动Chrome可执行文件：

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

什么都行不通，我疯了。 它只是我硬盘上的一个图像，包含HTML和JS文件，没有服务器，没有“原点”。

Answer 1

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

最有可能的是，运行localhost服务器将解决此问题。 Mamp / Wamp非常易于使用。

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

Answer 2

请记住，如果使用禁用Web安全标志启动chrome，则必须先关闭所有其他chrome实例，以使其按预期工作。