Возможно ли записывать данные в файл на js?

Question

[rodgi]

Возможно ли записывать данные в файл txt на чистом js? Без ActiveX и Nodejs

Comments

[Алексей]

Если коротко:
Создаете Blob с нужными данными и типом text/plain.
Создаете фейковую ссылку с атрибутом download и названием файла с его расширением (test.txt) и сами же через js на нее кликаете.
Браузер предложит сохранить этот файл.

Чтобы самому не мучаться с разными браузерами есть библиотека FileSaver.js, но она примерно тоже самое и делает.

Answer 1

[GrayHorse]

Можно.

Если просто сгенерировать на сайте и скачать:

const blob = new Blob(["The content of the txt file."], {type: "text/plain"});
const blobUrl = URL.createObjectURL(blob);
const a = document.createElement("a");
a.download = "filename.txt";
a.href = blobUrl;
a.click();
setTimeout(() => URL.revokeObjectURL(blobUrl), 10_000);

Если нужно дописать в существующий файл или изменить его содержимое:
https://web.dev/file-system-access/
Только его перед этим нужно "открыть". Работает лишь в Chromium браузерах.

"File System Access API" и "FileSystem API" — не одно и то же.

Answer 2

[Stalker_RED]

В браузере все взаимодействие с файловой системой отключено, так как это опасно.

А сам js конечно может.

Comments

[Володимир Паламар]

Не совсем https://developer.mozilla.org/en-US/docs/Web/API/F...

[Stalker_RED]

Володимир Паламар, оно конечно да, для расширений может работать.
Но

This interface will not grant you access to the users filesystem. Instead you will have a "virtual drive" within the browser sandbox.

[Володимир Паламар]

Stalker_RED, а и правда, не заметил