Multipart File Uploads

<!-- HTML Form accepting file attachments -->
<form 
  action="https://voieform.com/f/pr_live_x92a" 
  method="POST" 
  enctype="multipart/form-data"
>
  <label for="applicant_name">Applicant Name</label>
  <input type="text" id="applicant_name" name="applicant_name" required />

  <label for="resume">Upload Resume (PDF / DOCX)</label>
  <input type="file" id="resume" name="resume" accept=".pdf,.docx" required />

  <!-- Multiple files upload input -->
  <label for="portfolio">Portfolio Documents (Optional)</label>
  <input type="file" id="portfolio" name="portfolio[]" multiple />

  <button type="submit">Submit Application</button>
</form>

// JavaScript FormData Upload Example (AJAX / React)
async function submitWithFiles(formElement) {
  const formData = new FormData(formElement);

  try {
    const response = await fetch("https://voieform.com/f/pr_live_x92a", {
      method: "POST",
      headers: {
        "Accept": "application/json"
        // Note: Do NOT set Content-Type header manually when sending FormData!
        // The browser automatically sets boundary headers.
      },
      body: formData
    });

    const result = await response.json();
    if (result.success) {
      alert("Files uploaded successfully! Submission ID: " + result.submission_id);
    } else {
      alert("Upload failed: " + result.error);
    }
  } catch (err) {
    console.error("Upload error:", err);
  }
}