А можно ли в JS записать текстовые данные в файл?

@tvitaly1 · Регистрация: 29.04.2015

Студворк — интернет-сервис помощи студентам

Все здравствуйте. Кодом ниже можно считать информацию из фала. Но у объекта File есть еще метод FileWrite,
А можно ли в JS записать в текстовые файл данные подобным образом?

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<FORM name="Form1">
<TEXTAREA name="TEXTA1" rows=10 cols=20 >
 
</TEXTAREA >
<input type="file" name='file1' accept=".JS" onchange="readFile(this,TEXTA1)" >
</FORM>
<script>
function readFile(input,output) {
  let file = input.files[0];
  let reader = new FileReader();
 
  reader.readAsText(file);
 
  reader.onload = function() {
  output.value = reader.result 
  };
 
  reader.onerror = function() {
    alert("ОШИБКА ЗАГРУЗКИ ФАЙЛА:"+reader.error);
  };
}
 
</script>

@POSE · 23.02.2023, 08:03

Сообщение от tvitaly1

А можно ли в JS записать в текстовые файл

Нельзя. Я же тебе говорил, что у JS нет доступа к файловой системе

Вот у тебя там я вижу есть форма. Добавляешь кнопку submit и отправляешь на бэк всё, что находится в TEXTAREA. А там уже с помощью любого серверного языка программирования создаешь файл и записываешь данные.

krvsa · 23.02.2023, 08:56

Сообщение от POSE

Нельзя. Я же тебе говорил, что у JS нет доступа к файловой системе

Это устаревшие данные. Если пользователь сам сделает выбор - JS может сохранять и читать файлы на клиенте.

Пример записи файла

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<button class="file-saver">File saver</button>
 
 
<script>
const fileSaver$ = document.querySelector('.file-saver')
 
// настройки
const options = {
  // рекомендуемое название файла
  suggestedName: 'test4.txt',
  types: [
    {
      description: 'Text',
      accept: {
        'text/plain': '.txt'
      }
    }
  ],
  excludeAcceptAllOption: true
}
 
// данные для записи
const fileData = 'Bye World Once Again'
 
fileSaver$.addEventListener('click', async () => {
  const fileHandle = await window.showSaveFilePicker(options)
  const writableStream = await fileHandle.createWritable()
 
  await writableStream.write(fileData)
  // данный метод не упоминается в черновике спецификации,
  // хотя там говорится о необходимости закрытия потока
  // для успешной записи файла
  await writableStream.close()
})
</script>
 
</body>
</html>

Нажимаем на кнопку File saver. Сохраняем файл. Видим, что в директории появился файл test4.txt с текстом Bye World Once Again.

Более подробно - тут
https://habr.com/ru/company/timeweb/blog/653703/

@POSE · 23.02.2023, 09:00

Сообщение от krvsa

JS может сохранять и читать файлы на клиенте.

Понятно. По вопросу не поймешь, на клиенте надо сохранять или на сервере.

@tvitaly1 · 23.02.2023, 12:05 **[ТС]**

krvsa, krvsa, krvsa, Спасибо большое!

Новые блоги и статьи Все статьи Все блоги /
Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .

@tvitaly1 82 / 5 / 2 Регистрация: 29.04.2015 Сообщений: 136
	23.02.2023, 12:05 [ТС]
	krvsa, krvsa, krvsa, Спасибо большое! 0