отправка данных через форму при использовании плагина tagify jquery

#javascript #jquery #node.js #tagify

#язык JavaScript #jquery #node.js #пометить

Вопрос:

Я хочу сохранить теги для определенных изображений в базе данных ,поэтому для этого я отправляю тег на сервер nodejs.однако я использую плагин jquery tagify в forntend .Ниже приведен мой jquery,html-код

 $(document).ready(function () {  $("#myfile").change((e) =gt; {  // console.log(e.target.files.length)  var url = URL.createObjectURL(e.target.files[0]);  $(`lt;div width="100%"gt;lt;div width="50%" id="imageContainer"gt;lt;img src='${url}' width="200px" gt;lt;/divgt;lt;div id="relatedtags" width="50px" height="40px" style="backgroundcolor:red"gt;  lt;input type="text" name="tags"gt;lt;/inputgt;lt;input type="button" name="submitTags" value="addTags"gt;  lt;/divgt;lt;/divgt;`).appendTo('#displayImages');  var inp=$('[name=tags]').tagify({duplicates :false, tagTextProp: 'value'});       }) })  

htmlкод:

 lt;bodygt;  lt;form action="/cupload/upload" method="post" enctype="multipart/form-data"gt;  lt;divgt;  lt;label for="myfile"gt;Select a file:lt;/labelgt;  lt;input type="file" id="myfile" name="myfile" gt;lt;brgt;lt;brgt;  lt;input type="submit"gt;  lt;/divgt;  lt;div id="displayImages"gt;lt;/divgt;    lt;/formgt; lt;/bodygt;  

проблема на узловом сервере, когда я использую следующий код, он дает результат по мере необходимости (т. е. тело запроса имеет значения )

 router.post("/upload",(req,res)=gt;{  uploadphoto(req,res,(err)=gt;{  if(err){  res.render("upload")  }  else{  var w=JSON.parse(req.body.tags);  uploadController.uploadimg(w,res);  //res.send("photo uloaded")  }  }) })  

вывод для приведенного выше кода:

 { value: 'hj' }  

но когда я направляюсь к тому же ,вызывая обратный вызов в указанном выше файле (т. е. пользователь.загрузка), отправьте запрос и утешьте параметр req в другом файле, т. е. в контроллере загрузки, он покажет пустое тело req.

пользователь.загрузить:

 router.post("/upload",uploadController.uploadimg)  

uploadController:

 exports.uploadimg=(req,res,next)=gt;{  const data=req;    console.log(data);  res.send("photoloded")  }  

вывод, извлеченный из консоли:

 body: {}  

справка: пожалуйста, также укажите способ передачи хранилища данных в переменной на стороне клиента на сервер после отправки html-формы