title: JS - file onload() doesn't work with android browser
body: <p>I have a application similar to the example <a href="http://jsfiddle.net/jonathansampson/K3A9r/" rel="nofollow">http://jsfiddle.net/jonathansampson/K3A9r/</a>
  But if I use this concept for file upload on a iPad/android it does not work. The image is not loaded into the browser wether with onload() nor with onloadend()</p>
  
  <p>html:</p>
  
  <pre><code>&lt;input type="file" name="myFileSelect" /&gt;
  </code></pre>
  
  <p>js:</p>
  
  <pre><code> // Bind to the change event of our file input
  $("input[name='myFileSelect']").on("change", function(){
  
  // Get a reference to the fileList
  var files = !!this.files ? this.files : [];
  
  // If no files were selected, or no FileReader support, return
  if ( !files.length || !window.FileReader ) return;
  
  // Only proceed if the selected file is an image
  if ( /^image/.test( files[0].type ) ) {
  
      // Create a new instance of the FileReader
      var reader = new FileReader();
  
      // Read the local file as a DataURL
      reader.readAsDataURL( files[0] );
  
      // When loaded, set image data as background of page
      reader.onloadend = function(){
  
          $("html").css("background-image", "url(" + this.result + ")");
  
      }
  
     }
  
  });
  </code></pre>