Why doesn't multiple work on input?

Question

HTML

<div class="main">
            <article class="content">
                <div class="file-upload">
                    <input class="file-upload__control" type="file" multiple>
                    <div class="file-upload__overlay">Download</div>
                    </div>
                </div>
                <div class="files" id="#files"></div>
            </article>
            <div class="qrcode"></div>
        </div>
        <div class="footer"></div>

Here, multiple does not work for input, I also tried multiple="multiple", but nothing happens. The project works in such a way that when a file is loaded, it is displayed as a tile. When trying to select at least two files, only the last selected one is loaded, this is even displayed in the console if you request the output of a file after loading: only one appears.
There may be something wrong with the server, it works like this:

const express = require('express')
const nanoId = require('nano-id')
const multer = require('multer')
const fs = require ('fs')
const path = require("path")

const app = express()

const bodyParser = require("body-parser")

app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended: false}));

app.use(express.static('public'))

const storage = multer.diskStorage({
  destination(req, file, cb) {
    const id = nanoId(13)
    const folder = `./uploads/${id}`

    fs.mkdirSync(folder, {recursive: true})
    fs.writeFileSync(folder + '/index.json', JSON.stringify({
      file:file.originalname
    }))
 

    req.fileUploadId = id;

    cb(null,folder)
  },
 
  filename(req, file, cb) {
    req.fileUploadName = file.originalname
    cb(null, file.originalname)
  }
});

const upload = multer({storage: storage});

app.post("/test", (req, res) => {
  res.setHeader("Content-Type", "application/json")

  const files = fs.readdirSync(path.join(__dirname, "uploads", req.body.id))
  files.forEach(file => {
    fs.unlinkSync(path.join(__dirname, "uploads", req.body.id, file))
  })

  fs.rmdirSync(path.join(__dirname, "uploads", req.body.id))
})

app.get("/data", (req, res) => {
  const files = fs.readdirSync(path.join(__dirname, "uploads"))
  const array = []

  files.forEach(file => {
    const eachElement = fs.readdirSync(path.join(__dirname, "uploads", file))
    array.push({folder: file, nameOfFile: eachElement[1]})
  })

  res.send(JSON.stringify({"obj": array}))
})

app.get('/file/:id', (req, res) => {
  const id = req.params.id

  const json = fs.readFileSync('./uploads/' + id + '/index.json')
  const fileName = JSON.parse(json).file
  
  res.sendFile('./uploads/' + id + '/' + fileName, {root: __dirname})
})

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

  res.setHeader("Access-Control-Allow-Origin", "*")

  res.send(JSON.stringify({id: req.fileUploadId,name: req.fileUploadName }));
})

app.get("/settings", (req, res) => res.sendFile(path.join(__dirname, "public", "settings.html")))

app.get("/aboutUs", (req, res) => res.sendFile(path.join(__dirname, "public", "aboutUs.html")))

app.listen(3000, () => console.log("port: 3000"))

The HTML version is fine. If you can’t fix it, then how can you select two or more files in another way?