formidable-express-middleware v1.1.0

formidable-express-middleware

Background

Let formidable has ability of insert HTML Form Data such as user_id, user_name in the customized filename.

How to use?

import the library

import FormidableMiddleware,{IFormMiddleWareRequestTemplate} from 'formidable-express-middleware';

Create the HTML Form Data Data Type:

interface IFormMiddleWareFields{
    content:string
}

Create the Middleware Instance

const uploadDir = 'uploads';
const formidableMiddleware = FormidableMiddleware({
      /*formidable options*/
      uploadDir,
      keepExtensions: true,
      maxFileSize: 200 * 1024 ** 2,
      filter: (part) => part.mimetype?.startsWith('image/') || false,
})

Create a Express.js Web Service which use formidable, and insert the middleware in the function.

app.post("/memo", 
formidableMiddleware<IFormMiddleWareFields>(
    "image" /*file upload HTML element name*/, 
    ["content"] /*Form Data Names which are added in filename*/),

    async (req: Request, res: Response) => {
        const memos = [];
        memos.push({
            content: req.fields.content,
            image: req.file.newFilename
        });
        res.json(memos);
    }
});

How to test?

Please run following command under terminal under "test" folder

npx ts-node server.ts

Please run Insomnia/Postman testing following service:

http://localhost:8080/test

Method: POST
Required Fields:
content (plain text)
image (image file)