title: How to display a locally selected image in three.js?
body: <p>I always get a cross-origin-error. how can I circumvent this, or better yet, fix it?
  I need the user to be able to pic a local image and let it be displayed in a PlaneGeometry.</p>
  
  <p>my code:</p>
  
  <pre><code>this.reader.readAsDataURL(file);
  this.reader.onloadend = function( ev ) {
  var file = ev.target.result,
  //geometry = new THREE.CubeGeometry(1, 1, 0.1),
  geometry = new THREE.PlaneGeometry(1, 1, 1, 2),
  texture = THREE.ImageUtils.loadTexture(file),
  material = new THREE.MeshBasicMaterial({ map: texture }),
  mesh = new THREE.Mesh(geometry, material);
  mesh.name = "Marker" + mesh.id;
  mesh.rotation.x = 90 * ( Math.PI / 180 );
  Editor.addObject(mesh);
  console.log(Editor.scene.children);
  SignalHub.signals.updateScene.dispatch();
  SignalHub.signals.markerAdded.dispatch();
  </code></pre>
  
  <p>The geometry shows up but it's blank!</p>