javascript - ThreeJS DOMException : Failed to execute 'texImage2D' on 'WebGLRenderingContext'

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: Failed to execute 'texImage2D' on 'WebGLRenderingContext': The cross-origin image at file:///C:/Users/name/Desktop/images/hunter_1.png may not be loaded.(…)

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

Answer 1

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

希望这对您有所帮助!