変数がjavascriptで不完全に読み込まれています

Question

イメージをbase64に変換しようとしています。

if (file) 
{ 
    var reader = new FileReader(); 
    reader.onload = function(readerEvt) 
    { 
     alert(readerEvt.target.result); 
     var image  = readerEvt.target.result; 
     var base64image = image.split(',')[1]; 
     var key   = 'image'+i; 
     images[key]  = image; 
     //$('#image_preview').attr('src', readerEvt.target.result); 
    }; 
    reader.readAsDataURL(file); 
} 

が、私は、それは131494個の文字を言いますが、私はそれを変数に読み込むときだけ10001文字がロードされているreaderEvt.target.resultを警告：私は、次のコードを書かれています。これにより、base64からデコードされた画像が不完全になります。どんな助けもありがとう。

Answer 1

上記のコードサンプルに似たコードを試してみましたが、ローカルのイメージファイルをbase64データに読み込んでエラーなく画像を読み込むことができました。それはまだあなたのために働いていない場合は...

<input id="txtFile" type="file" onchange="loadFile();"> 
<br> 
<img id="imgTest"> 
<script> 
function loadFile() { 
    var file = document.getElementById('txtFile').files[0]; 
    if (file) { 
     var reader = new FileReader(); 
     reader.onload = function(readerEvt) { 
      var image = readerEvt.target.result; 
      var base64image = image.split(',')[1]; 
      console.log(readerEvt.target.result); 
      document.getElementById('imgTest').src = readerEvt.target.result; 
     }; 

     reader.readAsDataURL(file); 
    } else { 
     console.log('Exception'); 
    } 
} 
</script> 

これを試してみてください、そしておそらくロードしようとしている画像といくつかの問題があります。