req.file is always undefined

This is my first time using multer, so I’m probably missing something, but I’m trying to make it possible to upload a file to the server using post, but req.file is always undefined. Here is my code:

'use strict';

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

var app = express();
require('dotenv').load();

app.use(express.static(path.join(__dirname, 'main')));

app.post('/', upload.single('upl'), function (req, res, next) {
  // req.file is the `avatar` file
  // req.body will hold the text fields, if there were any
  console.log(req.file);
  res.status(204).end();
})

var port = process.env.PORT || 8080;
app.listen(port,  function () {
    console.log('Node.js listening on port ' + port + '...');
});

and the form:

            <form class="uploadForm" action="/" method="post">
                <label class="control-label">Select File</label>
                <input name="upl" id="input-1" type="file" class="file">
            </form>

Please let me know what I’m doing wrong. Thank you!

[otmeek]

Nevermind, I figured it out. enctype is supposed to be multipart/form-data and not multipart/formdata

[LinusU]

Whoops, sorry about that. Glad you got it resolved 👍