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

【问题标题】：ThreeJS DOMException: Failed to execute 'texImage2D' on 'WebGLRenderingContext'ThreeJS DOMException：无法在“WebGLRenderingContext”上执行“texImage2D”
【发布时间】：2016-05-16 06:28:56
【问题描述】：

我最近开始使用/学习 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”：file:///C:/Users/name/Desktop/images/hunter_1.png 中的跨域图像可能不会被加载。(…)

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

【问题讨论】：

标签： javascript

【解决方案1】：

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

希望这会有所帮助！

【讨论】：

究竟是什么原因？