File not uploading properly

Question

EDIT: Edited it using Mikhail's suggestion. Got closer to the solution

Hi I am trying to upload a JSON file using nodejs but for some reason it says my file is undefined. A file appears in my Public folder that contains the contents of the uploaded file however. I was wondering if someone would be able to help me out. Thanks

Here is the HTML

<form method="post" enctype="multipart/form-data" action="/file-upload">

  <input type="file" name="theFile" >

    <input type="submit" class = "submit">

</form>

EDIT: Here is the server.js

 app.post('/testtwilio',upload.single('theFile'),function(req, res, next) {

 console.log('FIRST TEST: ' + req.file);



});

Here is the JSON file

[{"name":"FIRST LAST","date":"12/22/2016","number":"7523924324"}]

Here is what is being logged

FIRST TEST: [object Object]

Recommended for you: Get network issues from WhatsUp Gold. Not end users.

Answer 1

Change your JSON.stringify(req.files) to JSON.stringify(req.file)

Full code

HTML

<form id = "uploadForm" enctype = "multipart/form-data" action = "/api/file" method = "post">
    <input type="file" name="userFile" />
    <input type="submit" value="Upload File" name="submit">
</form>

JS

var express = require('express')
var multer  = require('multer')
var upload = multer({ dest: 'uploads/' })
var app = express()

app.get('/',function(req,res){
      res.sendFile(__dirname + "/index.html");
});

app.post('/api/file', upload.single('userFile'), function (req, res, next) {
  console.log(JSON.stringify(req.file))
})

app.listen(3000,function(){
    console.log("Working on port 3000");
});

More about upload file with multer you can read in this example on StackOverflow Documentation Single File Upload using multer

Note:

File name which you use in multer.single() method should match name in input <input type="file" name="userFile" />

File not uploading properly

Sign up