HTML5 FileReader Проблемы

Question

Я использую браузер Google Chrome и запускаю следующий код в консоли, который, кажется, работает, но когда я запускаю его в сценарии, он не

reader = new FileReader();
reader.readAsDataURL($("input[name='image']")[0].files[0]);
alert(reader.result)
somevarname=reader.result

Консоль показывает результат в виде URL-адреса данных, но в сценарии javascript не назначит результат переменной, а alert представляет собой пустую строку. Что я делаю не так?

Answer 1

FileReader является асинхронным, поэтому в скрипте результат устанавливается после выполнения

alert(reader.result)
somevarname=reader.result

.Вы должны использовать свойство onload FileReader для получения результата.
Пример:

var reader = new FileReader();
//This function will execute when the reader is done
reader.onload = function(){alert(this.result);};
reader.readAsDataURL($("input[name='image']")[0].files[0]);

Для хорошего учебника по HTML5 API файлов перейдите по ссылке HTML5 Rocks .