ThreeJS DOMException:未能在“WebGLRenderingContext”上执行“texImage2

我最近开始使用/学习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的跨源图像。(...

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