表达 js 表单数据

有没有人可以告诉我推荐的(最新的)方式,以获得邮寄表格数据的明确。

很多教程/文章等都在讨论 body Parser,但是这个已经不再与 Express 和其他博客捆绑在一起了,建议直接使用 urlencode,但是现在这个也不可用了。

试图找到关于这些框架或技术的准确信息正在耗费我的精力。

顺便说一下,我感兴趣的是非常简单和小的形式数据

135345 次浏览

You should install body-parser through npm-install. Now it comes as a separate middleware.

After that add following line in your app.js

var bodyParser = require('body-parser');
app.use(bodyParser.json());
app.use(bodyParser.urlencoded());
// in latest body-parser use like below.
app.use(bodyParser.urlencoded({ extended: true }));

It parses the post request as an object. You will get your variables in req.body.

In your post request handler.

app.post('/post',function(request,response){
console.log(request.body) //you will get your data in this as object.
})

Edit 1

The answer above was for the question specifically asked, the OP was looking for the bodyParser(deprecated) which was not part of express anymore.

Since the title of the question is very generic and the answer doesn't include all aspects of form-data, I will put @StLia's answer as an edit.

Body-Parser Readme

This does not handle multipart bodies, due to their complex and typically large nature. For multipart bodies, you may be interested in the following modules:

From the README of body-parser:

This does not handle multipart bodies, due to their complex and typically large nature.

The above is going to work with x-www-form-urlencoded and json but it will NOT work with any multipart. form-data is also multipart with the header multipart/form-data.

In case of form-data, your best solution would be to use express-formidable.

You can make use of express-formidable module to that. install 'express-formidable' by the following command

npm install express-formidable

the simple example is as follows

const express = require('express');
const formidable = require('express-formidable');
 

var app = express();
 

app.use(formidable());
 

app.post('/upload', (req, res) => {
//req.fields contains non-file fields
//req.files contains files
res.send(JSON.stringify(req.fields));
});

Click here for further description

Besides the solutions with formidable, there is another module which I have been using in my recent projects since 2019. The module express-form-data can be easily declared in your server file like:

const express = require('express');
const formData = require('express-form-data');


app.use(formData.parse());


app.post('/image-upload', (req, res) => {
console.log(req.files);
})


...

In case of image uploading, for instance, req.files will provide all relevant data you need for handling the files such as path, size, filename, etc.

I noticed @HubballiHuli answer was to use a package called express-formidable. You don't need to use this unnecessary package, it provide one (small) file of code. Instead you can do it yourself (now removing the dependency).

Here is the formidableMiddleware file:

'use strict';


const formidable = require('formidable');


function parse(opts, events) {
return (req, res, next) => {
if (req.express_formidable && req.express_formidable.parsed) {
next();
return;
}


const form = new formidable.IncomingForm();
Object.assign(form, opts);


let manageOnError = false;
if (events) {
events.forEach((e) => {
manageOnError = manageOnError || e.event === 'error';
form.on(e.event, (...parameters) => { e.action(req, res, next, ...parameters); });
});
}


if (!manageOnError) {
form.on('error', (err) => {
next(err);
});
}


form.parse(req, (err, fields, files) => {
if (err) {
next(err);
return;
}


Object.assign(req, { fields, files, express_formidable: { parsed: true } });
next();
});
};
}


module.exports = parse;
exports.parse = parse;

Now on how to use it:

const express = require('express');
const formidableMiddleware = require('./formidableMiddleware.js');


var app = express();


app.use(formidableMiddleware());


app.post('/upload', (req, res) => {
//req.fields contains non-file fields
//req.files contains files
res.send(JSON.stringify(req.fields));
});

I wrote an article on unnecessary packages a while ago and why not to use them: https://medium.com/@alexjamesdunlop/unnecessary-packages-b3623219d86

As stated in this StackOverflow answer:

Express 4.16+ has implemented their own version of body-parser so you do not need to add the dependency to your project. You can run it natively in express

app.use(express.json()); // Used to parse JSON bodies
app.use(express.urlencoded()); // Parse URL-encoded bodies using query-string library
// or
app.use(express.urlencoded({ extended: true })); // Parse URL-encoded bodies using qs library

See also: query-string vs qs

If you would like to apply the formidableMiddleware to only one API route and not globally, this is how you would pass the value.

This would be useful if u want to mix between different headers to pass to the API for other API's which you which u do not want the formidableMiddleware API to be applied.

const express = require('express');
const formidable = require('express-formidable');


var app = express();


app.post('/mypath', formidableMiddleware(), (req, res) => {
// rest of the code
})