DEV Community

Cover image for How we upload File with some data to nodeJS using Simple Form
Deepak Jaiswal
Deepak Jaiswal

Posted on Edited on

How we upload File with some data to nodeJS using Simple Form

Configuration

first you have to install some libraray to your to your project

npm i express multer mongoose

index.js

app.use(express.static(__dirname('/public'))
//set folder as static folder
app.use(express.urlencoded({extended:false}))
//set req.body of data are accessible from index.html
Enter fullscreen mode Exit fullscreen mode
`<form action="/api/post" method="post" enctype="multipart/form-data" >
<input type="text" name="name"/>
<input type="email" name="email"/>
<input type="file" name="file" id="file" />
<nput type="submit" />
</form>`
Enter fullscreen mode Exit fullscreen mode

index.js

`const upload = multer({ dest: 'uploads/' })

const app = express()
//this code for single file upload
app.post('/api/post', upload.single('file'), function (req, res, next) {
  const {name,email}=req.body
  // req.file is the `file` file
     res.send({name,email,filename:req.file.filename})
  // req.body will hold the text fields, if there were any
})
Enter fullscreen mode Exit fullscreen mode

`

Top comments (0)