Variable ist unvollständig in Javascript geladen

Question

Ich versuche, Bild in Base64 zu konvertieren. Ich habe den folgenden Code geschrieben:

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

Aber wenn ich die readerEvt.target.result alarmieren sagt es 131.494 Zeichen, aber wenn ich es auf eine Variable nur 10001 Zeichen geladen wird geladen. Dies macht das Bild unvollständig, wenn es von base64 zurückdekodiert wird. Jede Hilfe wird geschätzt.

Answer 1

Ich habe versucht, ähnlichen Code zu dem Code-Beispiel, das Sie oben versucht, und es mir erlaubt, eine lokale Bilddatei in Base64-Daten zu laden und ein Bild entsprechend ohne Fehler zu füllen. Versuchen Sie, diese ...

<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> 

Wenn es noch nicht für Sie arbeiten, dann gibt es vielleicht ein Problem mit dem Bild, das Sie laden wollen.