Javascript ThreeJS DomeException:未能执行';texImage2D';在';WebGLRenderingContext';

Javascript ThreeJS DomeException:未能执行';texImage2D';在';WebGLRenderingContext';,javascript,Javascript,我最近开始使用/学习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

我最近开始使用/学习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 );
但每当我运行此命令时,都会出现以下错误:

DomeException:未能在“WebGLRenderingContext”上执行“texImage2D”:位于的跨原点图像file:///C:/Users/name/Desktop/images/hunter_1.png 可能无法加载。(…)


我已经看到了很多类似问题的答案,但它们都是未可知的安全性错误,而不是DomeException,我不清楚这两者是否相似。如果有人知道我做错了什么,请告诉我!谢谢。

出于安全原因,无法从本地主机运行此功能,只需将其上载到web服务器,您的问题就会得到解决

希望这有帮助