File-Upload using a custom API

import fileUpload from 'express-fileupload'
import { ServerSetupFn } from '@wasp/types'

const serverSetup: ServerSetupFn = async ({ app }) => {
    console.log('Setting up server...')
    app.use(fileUpload({ createParentPath: true }))
}

export default serverSetup

export const fileUpload = (req, res, context) => {
    console.log(req.get('Content-Type'))
    console.log(req.body)
    console.log(req.files)
    res.json({ msg: `Hello, ${context.user?.email || "stranger"}!` })
}

const uploadFile = async (data: FormData) => {
    const res = await api.post(`/api/fileupload`, data, { headers: { 'Content-Type': 'multipart/form-data' } })
    console.log(res.data)
}

// ...

const onSubmit = async (event: FormEvent<HTMLFormElement>) => {
    event.preventDefault()
    const data = new FormData()
    data.append('file', event.currentTarget.file.files[0])
    await uploadFile(data)
}