title: ThreeJS DOMException: Failed to execute 'texImage2D' on 'WebGLRenderingContext'
body: <p>I recently started working with/learning ThreeJS, and I've been having trouble loading a texture onto a planeMesh. This is what I have right now for the plane:</p>
  
  <pre><code>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 );
  </code></pre>
  
  <p>Whenever I run this though, I am given this error:</p>
  
  <blockquote>
    <p>DOMException: Failed to execute 'texImage2D' on 'WebGLRenderingContext': The cross-origin image at file:///C:/Users/<em>name</em>/Desktop/images/hunter_1.png may not be loaded.(…)</p>
  </blockquote>
  
  <p>I have seen quite a few answers to similar questions, but they have all been Uncaught SecurityErrors instead of DOMExceptions and I'm not clear on if the two are similar. If anyone has any ideas of what I've done wrong, please tell! Thanks.</p>