javascript - THREE.js - 无法在本地加载纹理

Question

我有一个本地文件，我尝试在其中加载这样的纹理:

var texture = THREE.ImageUtils.loadTexture( 'image.jpg' );
var cubeGeo = new THREE.CubeGeometry( 50, 50, 50 );
var cubeMat = new THREE.MeshBasicMaterial( { map: texture } );
var cube = new THREE.Mesh( cubeGeo, cubeMat );
scene.add( cube );

图像未显示(立方体为黑色)。
当我将整个文件夹移动到服务器并从那里加载时，会显示图像。

我的问题是，为什么当文件在服务器上而不是在我的计算机上时它可以工作？所有文件都已复制，因此丢失文件不是问题。我也尝试了绝对路径，但仍然没有结果。我必须更改计算机上的某些设置吗？
我正在使用 Chrome 32.0.1700.76 m(撰写本文时的最新版本)在 Windows 7 上尝试此操作，并且我正在使用 THREE.js r64。没有使用其他库。

Answer 1

您的问题是由于安全限制。

运行本地服务器。

有关详细信息，请参阅 three.js wiki 文章 How to Run Things Locally .

三.js r.112