Is it possible to change the file name to the input field name?

[justin-harr]

My form-to-email service needs to support multiple files in a form, something like this:

<form action="/api/uploads" method="POST"  enctype="multipart/form-data">
    <input type="file" name="avatar" accept="image/png, image/jpeg">
    <input type="file" name="coverPhoto" accept="image/png, image/jpeg">
    <button type="submit">Send</button>
</form>

When this form is submitted and processed by Formidable those two files will be named whatever the original file names were (ex. it could be something vague like "me.jpg" and "mountains.png"). This makes it pretty difficult to tell which file was submitted for which field when I send them as attachments on an email. Is it possible to rename the files to match their field name such as "avatar.jpg" and "coverPhoto.png" (or even drop the extension)?

[justin-harr]

Nevermind I figured it out! The form field name is available under part when setting a custom file name under the filename options. So you can rename the file to the field name and keep the extension like this.

const form = formidable({
  keepExtensions: true,
  filename: (_, ext, part) => {
    return part.name + ext;
  },
})