Форум

dakociha · #1 (**permalink**) 23.07.2018, 00:45

Есть код:

<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
	<select id="list">
		<option>a.html</option>
		<option>b.html</option>
	</select>
	<br>
	<textarea id="file" style="width: 100%; height: 300px"></textarea>
	<br>
	<button onclick="save()">Save</button>
</body>

Сервер запущен. При переходе на страницу я выбираю файл, изменяю его и нажимаю сохранить. Вопрос :как сделать, чтобы при нажатии кнопки сохранить файл перезаписывался на значение в textarea

dakociha · #2 (**permalink**) 23.07.2018, 12:31

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

Отправить textarea.value на сервер, через форму (с перезагрузкой страницы) или аякс (без перезагрузки), а там перезаписать.

Я пишу:

<body>
	<form method="post" action='/a.html'>
		<select id="list" name='select'>
			<option>a.html</option>
			<option>b.html</option>
		</select>
		<br>
		<textarea id="file" style="width: 20%; height: 200px" name='file'></textarea>
		<br>
		<button type="submit">Save</button>
	</form>
</body>

app.post('/a.html', function(req, res) {

  res.send(req.body.file);  //Undefined


});

Выскакивает ошибка: Cannot read property 'file' of undefined

SuperZen · #3 (**permalink**) 23.07.2018, 12:51

по дефолту express (v4) не парсит post request, и поэтому нужен middleware bodyparser

https://github.com/expressjs/body-parser

dakociha · #4 (**permalink**) 23.07.2018, 13:26

app.use(bodyParser.json())
app.post('/a.html', function(req, res) {
  res.send(req.body.file);  //Undefined
})

Undefined все равно

Audaxviator · #5 (**permalink**) 23.07.2018, 16:23

Вообще-то, в вопросе написана какая-то бессмыслица, белиберда - я три раза перечитал, но так ничего и не понял. Про что на него дают ответы - тоже не понял.

destus · #6 (**permalink**) 23.07.2018, 16:31

Audaxviator,
точно бред какой-то)) думал там обычная отправка файла на сервер, оказалось все сложнее.

dakociha · #7 (**permalink**) 23.07.2018, 16:39

Крч. Есть 2 файла в папке. Выбираем допустим файл 'a.html'. В textarea появляется текст из этого файла. Мы изменяем и нажимаем кнопку Save. И вот как сделать, чтобы при нажатии Save текст в textarea перезаписывался в этот файл.
Если еще проще:возможность перезаписать файл

Audaxviator · #8 (**permalink**) 23.07.2018, 17:36

Ну делов-то.
Надо на событие 'change' отправить AJAX-запрос на сервер, оттуда прислать строку выбранного файла и ответ вставить в поле textarea.
Как это сделать - вот сюда https://learn.javascript.ru/

destus · #9 (**permalink**) 23.07.2018, 17:40

dakociha,
~~app.use(bodyParser.json())~~
app.use(bodyParser.urlencoded({ extended: false }))
Потому что когда вы отправляете форму на сервер Content-type: application/x-www-form-urlencoded, а не application/json, как нужно для bodyParser.json()

dakociha · #10 (**permalink**) 23.07.2018, 17:40

Сделал таким образом

app.post('/', function(req, res) {
  fs.writeFileSync(path.join(__dirname, 'public') + '/' 
      + req.body.list, req.body.file);
  res.redirect('back');
});

Форум

Справочник

Discord чат

Курсы javascript