Как назначить значение readAsDataURL() переменной?

Question

хорошо, поэтому я видел много примеров и вопросов по использованию readAsDataURL(), но ни один из них, похоже, не разрешил мою проблему. Ниже приведен мой код:

$(document).ready(function(){ 
    var fileReader = new FileReader(); 
    $("form").submit(function(e){ 
     e.preventDefault(); 
     console.log(fileReader.readAsDataURL(document.getElementById("userfile").files[0])); 
    }); 
}); 

Что я могу получить в консоли: undefined. Я пытаюсь получить данные в кодировке файла base64 для переменной, чтобы я мог загрузить ее с помощью ajax. Может ли кто-нибудь сказать мне, что я делаю неправильно?

Answer 1

Большинство методов экземпляра FileReader сообщают результаты асинхронно.

Вы должны связать onload событие, чтобы захватить результат:

var fileReader = new FileReader(); 
fileReader.onload = function(event) { 
    console.log(event.target.result); 
}; 
fileReader.readAsDataURL(document.getElementById("userfile").files[0]);