title: A-Frame VR: Image not showing in Chrome
body: <p><strong>EDIT:</strong> The problem was that I ran the HTML file from my own harddrive and not a web server. Everything opened just fine when I put it on my web server and ran it from there.</p>
  
  <p><strong>A-Frame Ver:</strong> 0.4.0, <strong>Chrome:</strong> 55.0.2883.87, <strong>Firefox:</strong> 50.1.0, <strong>OS:</strong> Win 10 (64bit).</p>
  
  <p>I am new to A-Frame and am currently playing around with different elements and entities. When I tried to add an image entity but was only met with a
  <a href="https://i.stack.imgur.com/0vlfq.png" rel="nofollow noreferrer">blank plane [image]</a>. However, the exact same HTML file opened in Firefox <a href="https://i.stack.imgur.com/1YenA.jpg" rel="nofollow noreferrer">showed the image [image]</a>. I've disabled all potential blockers in Chrome (uBlock Origin, etc.) but the image still doesn't show.</p>
  
  <p>Here is the HTML file I ran in both browsers:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;Testing A-Frame&lt;/title&gt;
      &lt;meta name="description" content="Testing A-Frame"&gt;
      &lt;script src="https://aframe.io/releases/0.4.0/aframe.min.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;a-scene vr-mode-ui="enabled: true"&gt;
  
      &lt;a-assets&gt;
        &lt;img id="my-image" src="apple_fruit.png"&gt;
      &lt;/a-assets&gt;
  
      &lt;a-image position="0 1.5 -2" src="#my-image"&gt;&lt;/a-image&gt;
  
  
        &lt;a-plane rotation="-90 0 0" width="4" height="4" color="#7BC8A4"&gt;&lt;/a-plane&gt;
        &lt;a-sky color="#ECECEC"&gt;&lt;/a-sky&gt;
        
        &lt;a-entity position="0 0 -1"&gt;
          &lt;a-camera&gt;
            &lt;a-cursor&gt;&lt;/a-cursor&gt;
          &lt;/a-camera&gt;
        &lt;/a-entity&gt;
  
      &lt;/a-scene&gt;
    &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>