admin管理员组

文章数量:1426631

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

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

  • javascript
  • node.js
  • multer
Share Improve this question edited Jun 2, 2016 at 6:18 Jaimesh 8514 gold badges25 silver badges41 bronze badges asked Jun 2, 2016 at 4:42 Varun KumarVarun Kumar 3422 silver badges24 bronze badges 6
  • 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 Commented Jun 2, 2016 at 4:52
  • 1 your code is pletely fine, i even ran it in my machine. The file is getting uploaded. Except for that you missed the closing tag of <form> – 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 Commented Jun 2, 2016 at 5:44
  • @JitendraKhatri can yu explain me clearly am a rookie to node development – Varun Kumar Commented Jun 2, 2016 at 5:46
  • console log the error you are getting from multer – Kishore Barik Commented Jun 2, 2016 at 6:03
 |  Show 1 more ment

1 Answer 1

Reset to default 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

本文标签： javascriptFile upload using Multipart fails in nodejsStack Overflow

版权声明：本文标题：javascript - File upload using Multipart fails in nodejs - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1745481344a2660186.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。