getAsDataURLは（）、クロムでは動作せず、すなわち

Question

これが私のHTMLです：

<input type="file" id="browse" name="browse" size="" placeholder="Photo" checked="checked" class="upload"/> 
<input type="button" onclick="javascript:onbrowse()" class="unknown" value=""/> 

そして、私はJavaScript：

$(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(); 
    } 

私は2つの問題を抱えて：

1. onclickのをChromeでは動作しません。

2. getAsDataURL（）はChromeとIEでは動作しません

私を助けてくれますか？ jQueryの

jQuery('input[type="button"].unknown').click (onbrowse); 

Answer 1

IEと

Answer 2

バインドボタンの動作は、まだファイルのAPIをサポートしていません。とにかく、ファイルを読むにはFileReaderを使用する必要があります。また、ファイルはファイル名ではありません（変数名はあいまいです）。

ファイルへのクリック委任はうまくいきます。

file = fileObj.files[0]; 
var fr = new FileReader; 
fr.onloadend = changeimg; 
fr.readAsDataURL(file);