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]

Try with console.log( req); or console.log(req.files); for debugging purpose. — technico
– technico, Commented Aug 7, 2016 at 1:54
EDIT: with req it says [object Object] and with req.files it says undefined — srsxyz
– srsxyz, Commented Aug 7, 2016 at 1:55

David Mulder · Accepted Answer · 2017-09-14 09:09:32Z

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

Note:

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

@Nik it's strange, because I have experienced the code before answer to your question, and with your JSON file [{"name":"FIRST LAST","date":"12/22/2016","number":"7523924324"}] all should work
I got it to work finally! Thanks so much for taking the time to record a video, I really appreciate it.

Vincent Schöttke · Accepted Answer · 2016-08-07 02:44:25Z

1

If you use the .single(...) method the file will be in req.file.

answered Aug 7, 2016 at 2:44

Vincent Schöttke

4,7262 gold badges14 silver badges13 bronze badges

Collectives™ on Stack Overflow

File not uploading properly

2 Answers 2

4 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Linked

Related