Need help with the .file coming in as undefined

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


    <br />
    <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" />


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.urlencoded({extended : false}));


app.use(express.static(__dirname + '/public'));'/upload', upload.single('fileName'), (req, res, next) => {


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

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