I have the following form written in JADE
<form id="formAddchallandetails" action="/adddata" method="post" name="adduser">
<input id="inputunloadingDestination1" type="text" name="finalchallan[1][unloadingDestination]" placeholder="unloading Destination">
<input id="inputCCNFForm1" type="text" name="finalchallan[1][CCNFForm]" placeholder=" Challan Number">
<input id="inputtollCopy1" type="file" name="finalchallan[1][tollCopy]" >
<input id="inputunloadingDestination1" type="text" name="finalchallan[2][unloadingDestination]" placeholder="unloading Destination">
<input id="inputCCNFForm2" type="text" name="finalchallan[2][CCNFForm]" placeholder=" CCNF form">
<input id="inputtollCopy2" type="file" name="finalchallan[2][tollCopy]" >
<button id="btnSubmit" type="submit">submit</button>
</form>
I want this form to send data of files and other arrays as a JSON object in Express.js
My app.js
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));
app.use(cookieParser());
app.use(bodyParser({ keepExtensions: true, uploadDir: "uploads" }));
My index.js
router.post('/adddata', function(req, res) {
console.log("body");
console.log(req.body);
console.log("files");
console.log(req.files);
});
The resulting conclusion:
body
{
finalchallan:
[
{
unloadingDestination: 'sdcsdf',
CCNFForm: 'zsd',
tollCopy:'abc.txt',
},
{
unloadingDestination: 'sdcsdf',
CCNFForm: 'zsd',
tollCopy:'xyz.txt',
}
],
tollCopy: '' }
files
undefined
The expected result is to receive JSON data, as shown above, and receive all file data with the file name, tmpname, etc., to save the file in a directory. Currently, I only get the file name.
Parameters:
If I use multer and / or change the form enctype = "multipart / form-data" , because it does not pass my JSON data in object form, but treats it as a string.