ThreeJS DOMException：无法在“ WebGLRenderingContext”上执行“ texImage2D”

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：无法在“ WebGLRenderingContext”上执行“ texImage2D”：可能无法加载文件：/// C：/ Users / name /Desktop/images/hunter_1.png上的跨域图像。（…）

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

Answer 1

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

希望这可以帮助！