Angularjs получить URL-адрес файла с помощью FileReader

Question

element.bind('change', function () {

                var file = element[0].files[0];
                console.log(file);
                var reader = new FileReader();
                var url1 = reader.readAsDataURL(file);
                console.log(url1);
            });

Я использовал это в своей директиве.Когда я консоль файла, он отображает имя файла, дату последнего изменения и т. Д. Но когда я консоль url1, он показывает неопределенный.Как я могу получить URL изображения с помощью программы чтения файлов.Спасибо.

Answer 1

Вы должны проверить объект читателя вместо назначения его переменной:

element.bind('change', function () {
    var file = element[0].files[0];
    console.log(file);
    var reader = new FileReader();
    reader.readAsDataURL(file);
    console.dir(reader);
    });

Результат:

FileReader    error    :    null
onabort    :    null
onerror    :    null
onload    :    ƒ (e)
onloadend    :    null
onloadstart    :    null
onprogress    :    null
readyState    :    2
result    :    "data:image/png;base64,iVBORw0K[...]