Upload files via your form

August 30, 2019

Uploading files with a HTML form that uses FormBackend is really simple. The first thing you need to do, is to make sure the <form ..> tag has a enctype="multipart/form-data" attribute in it. That instructs the browsers that files will be submitted via the form.

<form action="https://www.formbackend.com/f/s0z9b8rz" method="POST" enctype="multipart/form-data">
   <label for="name">Name</label>
   <input type="text" id="name" name="name">

   <label for="my_file">My File</label>
   <input type="file" id="my_file" name="my_file">

   <input type="submit" value="Upload File" name="submit">
</form>

The file will be sent to FormBackend together with the value of the name field. In FormBackend when viewing the submission, you’ll see a link to the attached file which you can go ahead and download.

Email notifications

If you opt in to receive an email when someone submits your form, you can turn on a setting to receive the uploaded files as an attachment in the email that is sent to you. Without this setting, we send you a link from where you can download the file.