ThreeJS DOMException：无法执行＆＃39; texImage2D＆＃39; on＆＃39; WebGLRenderingContext＆＃39;

Question

我最近开始使用/学习ThreeJS，而且我在将纹理加载到planeMesh时遇到了问题。这就是我现在所拥有的飞机：

var characterTexture = new THREE.ImageUtils.loadTexture( 'images/hunter_1.png' );
    var geometry = new THREE.PlaneGeometry( 100, 100, 32);
    var material = new THREE.MeshLambertMaterial( { map: characterTexture, side : THREE.DoubleSide} );
    character = new THREE.Mesh( geometry, material );

每当我运行时，我都会收到此错误：

  

DOMException：无法执行＆＃39; texImage2D＆＃39; on＆＃39; WebGLRenderingContext＆＃39;：文件中的跨源图像：/// C：/ Users / name /Desktop/images/hunter_1.png可能无法加载。（...）

我已经看到了类似问题的相当多的答案，但它们都是Uncaught SecurityErrors而不是DOMExceptions，我不清楚两者是否相似。如果有人对我做错了什么有任何想法，请告诉我们！感谢。

Answer 1

出于安全原因，无法从本地主机运行此程序，只需将其上传到Web服务器即可解决您的问题。

希望这有帮助！