title: getAsDataURL() doesn't work in chrome and ie
body: <p>This is my HTML:</p>
  
  <pre><code>&lt;input type="file" id="browse" name="browse" size=""  placeholder="Photo" checked="checked" class="upload"/&gt;
  &lt;input type="button" onclick="javascript:onbrowse()"  class="unknown" value=""/&gt;
  </code></pre>
  
  <p>And my JavaScript:</p>
  
  <pre><code>$(function() {
          $(".upload").change(function () {
              var fileObj = $(this).get(0);
              var fileName;
              if (fileObj.files) {
                  fileName = fileObj.files.item(0).getAsDataURL()
              } else {
                  fileName = fileObj.value;
              }
              $(".unknown").css("background-size", "100px 100px");
              $(".unknown").css("background-image", "url(" + fileName + ")");
          });
      });
  
      function onbrowse() {
          document.getElementById('browse').click();
      }
  </code></pre>
  
  <p>I have two problems:</p>
  
  <ol>
  <li><p>onclick doesn't work in Chrome and</p></li>
  <li><p>getAsDataURL() doesn't work in Chrome and IE</p></li>
  </ol>
  
  <p>Can you help me?</p>