La variabile non è caricata in modo incompleto in javascript

Question

Sto cercando di convertire l'immagine in base64. Ho scritto il seguente codice:

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

Ma quando allertare il readerEvt.target.result si dice 131494 personaggi, ma quando carico ad una variabile solo 10001 caratteri viene caricato. Ciò rende l'immagine incompleta quando decodificata da base64. Qualsiasi aiuto sarà apprezzato.

Answer 1

Ho provato un codice simile all'esempio di codice che hai provato sopra e mi ha permesso di caricare un file di immagine locale in dati di base64 e popolare un'immagine di conseguenza, senza errori. Prova questo ...

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

Se ancora non funziona per voi, allora forse c'è qualche problema con l'immagine che si sta tentando di caricare.