Need help with the .file coming in as undefined

1 
<!doctype html>
<html lang="en">
  <head>

  </head>

  <body>
    <br />
    <center>
    <form encrypt="multipart/form-data" action="/upload" method="post">
      <label for="file">Choose a File</label>
      <input type="file" id="file" name="fileName" />
      <input type="submit" />
    </form>
    </center>
  </body>


</html>


const express = require('express');
const cors = require('cors');
const bodyParser = require('body-parser');
const multer = require('multer');
var upload = multer({dest: 'uploads/'});

var app = module.exports = express();
app.use(bodyParser.json());
app.use( bodyParser.urlencoded({extended : false}));

app.use(cors());

app.use(express.static(__dirname + '/public'));

app.post('/upload', upload.single('fileName'), (req, res, next) => {
  console.log(req.file);

});


let port = 3000;
app.listen(port, () => console.log("running on " + port));
2

i changed .file to .fileName to clear things up but either way i cant get it to work