Переменная не полностью загружена в 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); 
} 

Но когда я предупрежу readerEvt.target.result это говорит 131494 символов, но когда я загрузить его в переменный только 10001 символов загружаются. Это делает изображение неполным при декодировании назад с 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> 

Если это все еще не работает для вас, то есть, возможно, какая-то проблема с изображением, который вы пытаетесь загрузить.