File Upload

Overview

In this guide we enable existing form endpoints to accept file uploads. You simply need to add enctype="multipart/form-data" and a file input to your form settings and you're all set.

<form action="https://nocodeform.io/f/{your-form-id}" method="POST" enctype="multipart/form-data">
  <!-- other form inputs -->
</form>

Upload a file from your HTML form

Adding a single file input is the simplest way to enable the file upload for your form.

For instance, this form adds a file upload input named resume:

<form action="https://nocodeform.io/f/{your-form-id}" method="POST" enctype="multipart/form-data">
  <input type="email" name="email">
  <input type="file" name="resume">
  <button type="submit">Submit</button>
</form>

Upload multiple files from your HTML form

You can also add multiple type="file" inputs to your form:

<form action="https://nocodeform.io/f/{your-form-id}" method="POST" enctype="multipart/form-data">
  <input type="email" name="email">
  <input type="file" name="resume">
  <input type="file" name="photo">
  <input type="file" name="avatar">
  <button type="submit">Submit</button>
</form>

Upload multiple files with single input from your HTML form

HTML5 offers a unique feature to upload multiple files using a single input. To enable this feature, add name="documents[]" multiple to your file input:

<form action="https://nocodeform.io/f/{your-form-id}" method="POST" enctype="multipart/form-data">
  <input type="email" name="email">
  <input type="file" name="documents[]" multiple>
  <button type="submit">Submit</button>
</form>

Upload file and limit the file types

The accept attribute specifies a filter for what file types can be selected from the file input.

<form action="https://nocodeform.io/f/{your-form-id}" method="POST" enctype="multipart/form-data">
  <input type="file" name="resume" accept=".doc,.docx,application/msword">
  <button type="submit">Submit</button>
</form>

Supported file types

The following file types are supported by NoCodeForm file upload

Documents

• pdf, doc, docx, ppt, pptx, xls
• xlsx, key, pages, numbers, psd
• ai, eps, epub, mobi, azw, tar
• zip, rar, 7z

Media Files (Audio/Video/Image)

• png, jpg, jpeg, tiff, tif
• gif, webp, scm, mp3, mp4
• avi, webm, mov, flv

Text & Other

• html, htm, xml
• sketch, txt, rtf

Limitations

• Ensure your form has the enctype="multipart/form-data" attribute
• Ensure your file upload file type is supported. You can limit the file upload type using the accept attribute
• We limit uploads a max size of 100MB total for each request