index.ts

import express from "express";
import bodyParser from "body-parser";
import fs from "fs";
import { nanoid } from "nanoid";
import upload from "express-fileupload";

const app = express();

app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());
app.use(upload());
app.use(express.static('static'));

app.get("/", (req, res) => {
  res.sendFile(__dirname + "/html/index.html");
});

app.post("/", (req, res) => {
  const isArray = Array.isArray(req.files.file);
  const file = isArray ? req.files.file[0]: req.files.file;
  const filename = file.name;
  const arrayFile = filename.split('.');
  const pathFile = arrayFile.pop();
  const fileName = nanoid() + "." + pathFile;

  file.mv('./static/imgs/'+fileName, function(err){
    err && res.send(err);
    res.send(`Image upload on https://localhost:3000/imgs/${fileName}`)
  });
  
  console.log(req.files);
});

app.listen(8080, () => {
  console.log("Server ready!");
});