File upload using Multipart fails in nodejs

Question

I'm trying to upload a file in node js using multipart where I get Cannot POST error? I'm totally new to node js. So can you help me what I'm doing wrong My Code? HTML

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

Server.js

var express  = require('express');
var app      = express();
var multer  =   require('multer');
app.use(express.static(__dirname));
app.get('/', function(request, response){
    response.sendFile("./index.html"); 
});

var storage =   multer.diskStorage({
  destination: function (req, file, callback) {
    callback(null, './uploads');
  },
  filename: function (req, file, callback) {
    callback(null, file.fieldname + '-' + Date.now());
  }
});
var upload = multer({ storage : storage}).single('fileUpload');


app.post('/api/uploadfile',function(req,res){
    upload(req,res,function(err) {
        if(err) {
            return res.end("Error uploading file.");
        }
        res.end("File is uploaded");
    });
});


app.listen(8080);
console.log("App listening on port 8080");

Error message as follows :

Error uploading file

It seems that you are requesting a route which is not registered in your node server. Can you cross check the URL requested from browser to upload file. — Jitendra Khatri
– Jitendra Khatri, Commented Jun 2, 2016 at 4:52
your code is completely fine, i even ran it in my machine. The file is getting uploaded. Except for that you missed the closing tag of <form> — Nivesh
– Nivesh, Commented Jun 2, 2016 at 5:03
@Nivesh i've closed the form on my code missed it here, no the code is not working for me am always getting an error message — Varun Kumar
– Varun Kumar, Commented Jun 2, 2016 at 5:44
@JitendraKhatri can yu explain me clearly am a rookie to node development — Varun Kumar
– Varun Kumar, Commented Jun 2, 2016 at 5:46

midhun k · Accepted Answer · 2016-06-02 05:53:48Z

9

i tried your code,its working here.The reason may be,

1)you missed out the closing of form tag

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

2)make sure that you have a folder named -> uploads

answered Jun 2, 2016 at 5:53

midhun k

1,0581 gold badge15 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

File upload using Multipart fails in nodejs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related