что я сделал
Лицевая сторона построена с помощью React, а данные формы отправляются в API по почте с использованием выборки JavaScript.
Затем API получает данные формы и сохраняет данные на сервере.
Чтобы отредактировать информацию о пользователе, представьте, что пользователь должен зарегистрировать свое имя и водительские права (заднюю и переднюю) в сервисе, и посмотрите на код.
node.js console.log
В следующем журнале данные формы, созданные на лицевой стороне, передаются по почте для получения данных, содержащихся в запросе.
Сначала я не мог получить изображение в теле запроса, поэтому я посмотрел лог различных запросов и обнаружил, что файлы содержат данные изображения.
console.log("use_info") console.log(JSON.parse(req.body.use_info))
console.log("img_head") console.log(req.files.img_head)
console.log("img_backkうううううう") console.log(req.files.img_back)
Выборка внешней реализации
Это код для публикации имени пользователя и изображения в API на лицевой стороне.
Пользовательские данные и данные изображения добавляются с помощью FormDate и добавления к нему.
var userData = new FormData() userData.append('use_info', JSON.stringify(Formdata)) userData.append('img_head', Formdata.fileBack["0"]) userData.append('img_back', Formdata.fileBack["0"])
fetch(`${API_URL}/edit_connect_user`, { method: 'POST', body: userData })
Журналы на стороне сервера
Следующий код представляет собой журнал данных формы, выброшенных с лицевой стороны по почте.
Я думаю, что он содержит имя пользователя и данные изображения, подобные этому.
use_info
{
firstName: 'Pamyu Pamyu ',
lastName: 'Kyary',
userid: 'fekw020'
}
img_head
{
name: 'img_head.png',
data: ,
size: 9808,
encoding: '7bit',
tempFilePath: '',
truncated: false,
mimetype: 'image/png',
md5: 'c28358700f3c94f841c7f7fad50596da',
mv: [Function: mv]
}
img_backk
{
name: 'img_backk.png',
data: ,
size: 9808,
encoding: '7bit',
tempFilePath: '',
truncated: false,
mimetype: 'image/png',
md5: 'c28358700f3c94f841c7f7fad50596da',
mv: [Function: mv]
}