TypeError: app.use() requires a middleware function #972

New Issue

2018-01-30T06:59:48Z

JoseRFJuniorBigData commented

2018-01-30 06:59:48 +00:00

(Migrated from github.com)

/eslint-disable/
var express = require('express');
var multer = require('multer');
var fs = require('fs');
var app = express();

var DIR = './uploads/';

var upload = multer({dest: DIR});

app.use(function (req, res, next) {
res.setHeader('Access-Control-Allow-Origin', '*');
res.setHeader('Access-Control-Allow-Methods', 'POST');
res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With,content-type');
res.setHeader('Access-Control-Allow-Credentials', true);
next();
});

app.use(multer({
dest: DIR,
rename: function (fieldname, filename) {
return filename + Date.now();
},
onFileUploadStart: function (file) {
console.log(file.originalname + ' is starting ...');
},
onFileUploadComplete: function (file) {
console.log(file.fieldname + ' uploaded to ' + file.path);
}
}));

app.get('/api', function (req, res) {
res.end('file catcher example');
});

app.post('/api', function (req, res) {
upload(req, res, function (err) {
if (err) {
return res.end(err.toString());
}

res.end('File is uploaded');

});
});

var PORT = process.env.PORT || 3001;

app.listen(PORT, function () {
console.log('Working on port ' + PORT);
});

/*eslint-disable*/ var express = require('express'); var multer = require('multer'); var fs = require('fs'); var app = express(); var DIR = './uploads/'; var upload = multer({dest: DIR}); app.use(function (req, res, next) { res.setHeader('Access-Control-Allow-Origin', '*'); res.setHeader('Access-Control-Allow-Methods', 'POST'); res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With,content-type'); res.setHeader('Access-Control-Allow-Credentials', true); next(); }); app.use(multer({ dest: DIR, rename: function (fieldname, filename) { return filename + Date.now(); }, onFileUploadStart: function (file) { console.log(file.originalname + ' is starting ...'); }, onFileUploadComplete: function (file) { console.log(file.fieldname + ' uploaded to ' + file.path); } })); app.get('/api', function (req, res) { res.end('file catcher example'); }); app.post('/api', function (req, res) { upload(req, res, function (err) { if (err) { return res.end(err.toString()); } res.end('File is uploaded'); }); }); var PORT = process.env.PORT || 3001; app.listen(PORT, function () { console.log('Working on port ' + PORT); }); ![image](https://user-images.githubusercontent.com/488409/35552259-587a4e2a-057a-11e8-843e-3db4322fa547.png)

sudguru commented

2018-02-07 13:06:56 +00:00

(Migrated from github.com)

hello did you solve this problem ?

Because I had the same issue and I just couldn't solve this problem and it really did freaked me out. I tried different version of multer, no luck.

So I switched to express-fileupload. If you want here is my code with which I successfully upload file. (I just need to upload one file at a time). Hope it helps. Also, if you are able to solve this problem with multer, would you share the solution. Thanks.

var express = require('express');
var fs = require('fs');
const fileUpload = require('express-fileupload');
const app = express();
 
// default options
app.use(fileUpload());
 
app.use(function (req, res, next) {
  res.setHeader('Access-Control-Allow-Origin', 'http://localhost:4200');
  res.setHeader('Access-Control-Allow-Methods', 'POST');
  res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With,content-type');
  res.setHeader('Access-Control-Allow-Credentials', true);
  next();
});
 
 
app.get('/api', function (req, res) {
  res.end('file catcher example');
});
 
app.post('/api', function(req, res) {
  let name = req.files.file.name;
  req.files.file.mv('./uploads/'+name, function(err) {
    if (err)
      return res.status(500).send(err);
 
    res.send('File uploaded!');
  });
});
 
var PORT = process.env.PORT || 3000;
 
app.listen(PORT, function () {
  console.log('Working on port ' + PORT);
});

hello did you solve this problem ? Because I had the same issue and I just couldn't solve this problem and it really did freaked me out. I tried different version of multer, no luck. **So I switched to express-fileupload.** If you want here is my code with which I successfully upload file. (I just need to upload one file at a time). Hope it helps. Also, if you are able to solve this problem with multer, would you share the solution. Thanks. ``` var express = require('express'); var fs = require('fs'); const fileUpload = require('express-fileupload'); const app = express(); // default options app.use(fileUpload()); app.use(function (req, res, next) { res.setHeader('Access-Control-Allow-Origin', 'http://localhost:4200'); res.setHeader('Access-Control-Allow-Methods', 'POST'); res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With,content-type'); res.setHeader('Access-Control-Allow-Credentials', true); next(); }); app.get('/api', function (req, res) { res.end('file catcher example'); }); app.post('/api', function(req, res) { let name = req.files.file.name; req.files.file.mv('./uploads/'+name, function(err) { if (err) return res.status(500).send(err); res.send('File uploaded!'); }); }); var PORT = process.env.PORT || 3000; app.listen(PORT, function () { console.log('Working on port ' + PORT); }); ```

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: dc/ng2-file-upload#972