title: Data URIs not working in CSS
body: <p>I have this fileReader code </p>
  
  <pre><code>for (var i = 0; i &lt; files.length; i++) {
      fileReader.onload = (function(file) {
          return function(e) {
              z = z + 40;
              // Place the image inside the dropzone
              var image = this.result;
              $('#dropped-files').append('&lt;div style="left: ' + z + 'px; background: url(' + image + ') cover;"&gt; &lt;/div&gt;');
  
          };
      })(files[i]);
  }​
  </code></pre>
  
  <p>Anyway, I'm trying to set the background of the appended box to the image that was just uploaded. The problem is it isn't working. The data URI is there but I can't seem to get it to show up as the background! Even when I click on the data URI link in inspect element I can get to the image that was uploaded, but it will not show up as the background image.</p>
  
  <p>Any ideas why? The data URI is exceptionally long, but begins with the basic data and is base64, if that helps.</p>