Ich habe eine POST-Anfrage mit einer sehr einfachen und kleinen Menge an Formulardaten. Wie kann ich am einfachsten darauf zugreifen?

Viele Tutorials/Beiträge usw. sprechen darüber bodyParser, ist aber nicht mehr im Lieferumfang von Express enthalten. Andere Orte (Blogs usw.) empfehlen die Verwendung urlencoded direkt, aber jetzt ist auch dies nicht verfügbar.

Der Versuch, genaue Informationen zu diesen Frameworks oder Technologien zu finden, geht mir auf die Nerven.

Kann mir bitte jemand den empfohlenen (aktuellen) Weg erklären, wie ich POST-Formulardaten in Express erhalten kann?

Sie sollten installieren body-parser durch npm-install. Jetzt kommt es als separate Middleware.

Fügen Sie anschließend die folgende Zeile in Ihre app.js ein

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 }));

Es analysiert die post Anfrage als object. Sie erhalten Ihre Variablen req.body.

In deinem post Anforderungshandler.

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

Bearbeiten 1

Die obige Antwort bezog sich auf die speziell gestellte Frage, nach der das OP gesucht hatte bodyParser(veraltet), was nicht Teil von war express mehr.

Da der Titel der Frage sehr allgemein gehalten ist und die Antwort nicht alle Aspekte umfasst form-dataich werde die Antwort von @StLia als Bearbeitung einfügen.

Body-Parser-Readme

Aufgrund ihrer Komplexität und typischerweise großen Beschaffenheit werden hierdurch keine mehrteiligen Körper behandelt. Bei mehrteiligen Körpern könnten Sie an folgenden Modulen interessiert sein:

• Busboy Und
  connect-busboy
• Mehrparteiensystem Und
  connect-multiparty
• beeindruckend
• multer

Sie können davon Gebrauch machen ausdrücklich beeindruckend Modul dazu. Installieren Sie „express-formidable“ mit dem folgenden Befehl

npm install express-formidable

Das einfache Beispiel ist wie folgt

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));
});

Klicken Sie hier für eine weitere Beschreibung

Aus der README-Datei von Body-Parser:

Aufgrund ihrer Komplexität und typischerweise großen Beschaffenheit werden hierdurch keine mehrteiligen Körper behandelt.

Das Obige wird funktionieren x-www-form-urlencoded Und json aber es wird mit keinem funktionieren multipart. form-data ist auch multipart mit der Kopfzeile multipart/form-data.

Im Falle von form-dataIhre beste Lösung wäre die Verwendung ausdrücklich beeindruckend.

Wie in dieser StackOverflow-Antwort angegeben:

Express 4.16+ hat eine eigene Version des Body-Parsers implementiert, sodass Sie die Abhängigkeit nicht zu Ihrem Projekt hinzufügen müssen. Sie können es nativ in Express ausführen

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

Siehe auch: query-string vs. qs

Neben den Lösungen mit formidablees gibt ein weiteres Modul, das ich seit 2019 in meinen letzten Projekten verwende. Das Modul Express-Formulardaten kann einfach in Ihrer Serverdatei deklariert werden wie:

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

app.use(formData.parse());

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

...

Wenn Sie beispielsweise Bilder hochladen, req.files stellt alle relevanten Daten bereit, die Sie für den Umgang mit den Dateien benötigen, wie Pfad, Größe, Dateiname usw.

Mir ist aufgefallen, dass die Antwort von @HubballiHuli darin bestand, ein Paket namens express-formidable zu verwenden. Sie müssen dieses unnötige Paket nicht verwenden, es stellt eine (kleine) Codedatei bereit. Stattdessen können Sie es selbst tun (und jetzt die Abhängigkeit entfernen).

Hier ist die formidableMiddleware-Datei:

'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;

Nun zur Verwendung:

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));
});

Ich habe vor einiger Zeit einen Artikel über unnötige Pakete geschrieben und warum man sie nicht verwenden sollte:
https://medium.com/@alexjamesdunlop/unnecessary-packages-b3623219d86

Wenn du gerne möchtest Wenden Sie die formidableMiddleware nur auf eine API-Route und nicht global anso würden Sie den Wert übergeben.

Dies wäre nützlich, wenn Sie verschiedene Header mischen möchten, um sie an die API für andere APIs zu übergeben, für die Sie nicht möchten, dass die formidableMiddleware-API angewendet wird.

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

var app = express();

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