Прочитайте файл, збережений за допомогою FileSaver.js - javascript, html5

Хороший день,

Я все ще новачок у програмуванні, і я використовую FileSaver.js для збереження .txt-файлу.

Мені вдалося зробити додаток, яке будую, зберігаючи файл у своїй папці "Завантаження", але тепер я потрапив у стіну, коли хочу прочитати цей файл.

Я розумію, з міркувань безпеки ми не можемо отримати доступ до всього комп’ютера, але це так?

Я використовую FileReader() метод, але я не в змозі отримати доступ до файлу ... Я пішов туди https://www.html5rocks.com/en/tutorials/file/filesystem/ і тут https://www.html5rocks.com/en/tutorials/file/dndfiles/#toc-reading-files... Але, на жаль, я не розумію спосіб доступу до файлу та його читання.

Я зберігаю файл таким чином (за допомогою FileSaver.js):

var blob = new Blob([data], {type:"text/plain;charset=utf-8"});
saveAs(blob, filename);

Коли настає час завантажувати файл, я роблю це:

var fileToLoad = filename;
var fileReader = new FileReader();
fileReader.onload = function(fileLoadEvent) {
console.log("File loaded properly!");
};
content = fileReader.readAsText(fileToLoad);

Я хотів би помістити вміст файлу у змінну content.

Якщо хтось може допомогти мені уточнити це ... Дякую заздалегідь!

Відповіді:

content = fileReader.readAsText(fileToLoad); не поверне вміст, це просто спрацьовуєасинхронний розбір файлу як тексту. І лише пізніше, коли програма для читання файлів закінчить читання вмісту, ви можете отримати доступ до нього в об'єкті події завантаження, як це:

var fr = new FileReader();
fr.onload = function(e) {
content = e.target.result; // here is the loaded content;
};
fr.readAsText(fileToLoad);