HTML 使用 NodeJs 将表单主体清空

Question

如果这个问题看起来很眼熟，我深表歉意。我在多个地方使用表单将数据发送到服务器。这是 html.

 <form action="/dashboard/inventory/" method="post" enctype="multipart/form-data">
     <input type="date" class="form-control" id="receivingdate" placeholder="Select Receiving Date" required />
     <input type="file" class="custom-file-input" id="workorderfile" required />
     <button type="submit" class="btn btn-primary">
         Submit
     </button>
 </form>

在我的 app.js 我有

app.use(fileUpload());
app.use(bodyParser.urlencoded({
    extended: true}));
app.use(bodyParser.json());

然而，当我尝试使用 req.body 访问日期时，我得到一个空对象，null 用于 req.files 我已经在多个地方使用过这个过程，但这是唯一让我头疼的形式。有什么建议吗？

Answer 1

这里是简单的代码

<form  action="/upload" method="POST" enctype="multipart/form-data">

  <label>write name</label>
  <input type="file" name="file" value="">
  <br></br>
  <label>Upload image</label>
  <input type="file" name="photo"  />
  <br></br>
  <input type="submit" value="submit">
</form>

路由器文件

router.post('/upload',  (req, res, next) => {
  const file = req.files.file;
  const img = req.files.photo;

在我的主 app.js 文件中

const bodyParser= require('body-parser');
 const fileUpload = require('express-fileupload');
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended: true}));
app.use(fileUpload());

Answer 2

将名称属性附加到输入标签。

HTML 使用 NodeJs 将表单主体清空

HTML form body empty with NodeJs

html

forms

file-upload

node.js

body-parser