Back to all frameworks
File Uploads Guide

File Uploads with Multipart Form Data

Interactive Live Sandbox

Test submitting this live demo form in real-time.

Ready
Hidden anti-spam field (_gotcha) active.

3-Step Integration Checklist

1Create a form in your Formtruck Dashboard to get your endpoint URL.
2Paste the component code into your codebase.
3Receive instant submission alerts in your inbox and dashboard!

Implementation Code

Copy-paste ready
file-upload-integration.html
1234567891011121314
<!-- Multipart File Upload Form -->
<form
action="https://api.formtruck.com/f/ft_YOUR_FORM_ID"
method="POST"
enctype="multipart/form-data"
>
<input type="text" name="applicant_name" placeholder="Candidate Name" required />
<input type="email" name="applicant_email" placeholder="Candidate Email" required />
<label for="resume">Attach Resume (PDF, DOCX up to 15MB)</label>
<input type="file" id="resume" name="resume" accept=".pdf,.doc,.docx" required />
<button type="submit">Submit Application</button>
</form>

Formtruck Special Form Field Attributes

name="_gotcha"Honeypot

Keep this field hidden via CSS. If a spam bot fills it out, Formtruck silently traps the submission into your spam folder.

name="_next"Redirect

Specify a custom thank-you page URL (e.g. https://yoursite.com/thank-you) for native HTML POST submissions.

name="_subject"Email Subject

Customize the email notification subject line (e.g. New VIP Client Inquiry).