Чтение файла в js?

Question

[Богдан]

Здравствуйте. Как правильно прочитать файл в переменную, в моем случае это pdf, что бы потом его отобразить в фрейме. Файл лежит в корне директории app.

const reader  = new FileReader( );
  reader.readAsText( 'a4.pdf' );
  console.log( reader.result );

Выдает ошибку

flex_count.js:8 Uncaught ReferenceError: file is not defined

Answer 1

[Александр Вульф]

var frame = document.createElement('iframe');
frame.src = "/a4.pdf";
document.body.appendChild(frame);

Comments

[Богдан]

ну я так умею, мне нужно именно прочитать файл в переменную

[Александр Вульф]

Богдан: тогда юзай ajax. FileReader нужен для того, чтобы загрузить файл, который выбрал пользователь в input:file.

[Александр Вульф]

Богдан: если это ответ, то пометь как решение)

[Богдан]

Это как бы частичное решение. По алгоритму мне нужно сначала в переменную загрузить содержимое файла, и уже потом во фрейм. Вот как решить первую половину задачи с чтением содержимого в переменную, у меня так и не получилось. Нагугливал разные варианты, но все-они костыльные, через использование AJAX.

[Александр Вульф]

Богдан: а файл надо с компьютер пользователя грузить или с сервера?

[Богдан]

Александр Вульф: ну в данном примере с сервера.

[Александр Вульф]

Богдан: https://learn.javascript.ru/ajax-xmlhttprequest

[Богдан]

Александр Вульф: Спасибо. А при локальном размещении файла какая реализация?

[Александр Вульф]

Богдан: тогда надо запрашивть у пользователя, чтобы он сам выбрал этот файл. Для этого единственный способ - input.
Без этого ни один браузер не даст возможность забрать у пользователя файл в целях безопасности.

[Богдан]

Александр Вульф: спасибо