If you're looking to handle file uploads in your Node.js application, consider using the Multer middleware.
Multer is a powerful node.js middleware designed for managing multipart/form-data, specifically catering to file upload functionalities.
For example:
app.js:
const express = require('express');
const multer = require('multer');
const upload = multer();
const app = express();
// Serving index.html on root path
app.get('/', (req, res) => {
res.sendFile('./index.html', { root: __dirname });
});
// Handling form submission at /contact route
app.post('/contact', upload.none(), (req, res) => {
const name = req.body.name;
console.log('name:', name);
console.log('body:', req.body);
res.sendStatus(200);
});
app.listen(3000, () => console.log('Server started at http://localhost:3000'));
index.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form method="POST" enctype="multipart/form-data" action="contact">
<input name="name" type="text" class="feedback-input" placeholder="Name" />
<input name="email" type="text" class="feedback-input" placeholder="Email" />
<textarea name="text" class="feedback-input" placeholder="Comment"></textarea>
<input type="submit" action="contact" />
</form>
</body>
</html>
Server logs:
Server started at http://localhost:3000
name: teresa
body: [Object: null prototype] { name: 'teresa', email: '<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="057160776076644571606b622b2d666a68">[email protected]</a>', text: 'Best singer' }