File Uploads

<form 
  action="https://api.formbnb.com/f/YOUR_ORG/YOUR_FORM" 
  method="POST"
  enctype="multipart/form-data"
>
  <input type="text" name="name" placeholder="Name" required>
  <input type="email" name="email" placeholder="Email" required>
  
  <label for="resume">Upload Resume (PDF, max 10MB)</label>
  <input type="file" id="resume" name="resume" accept=".pdf" required>
  
  <button type="submit">Submit Application</button>
</form>

<input type="file" name="attachments" multiple>

function ApplicationForm() {
  const [status, setStatus] = useState('idle');

  async function handleSubmit(e: React.FormEvent<HTMLFormElement>) {
    e.preventDefault();
    setStatus('loading');

    const form = e.currentTarget;
    const data = new FormData(form);

    const response = await fetch('https://api.formbnb.com/f/YOUR_ORG/YOUR_FORM', {
      method: 'POST',
      body: data, // Don't set Content-Type header - browser sets it with boundary
      headers: { 'Accept': 'application/json' }
    });

    setStatus(response.ok ? 'success' : 'error');
  }

  return (
    <form onSubmit={handleSubmit}>
      <input type="text" name="name" required />
      <input type="email" name="email" required />
      <input type="file" name="resume" accept=".pdf" required />
      <button disabled={status === 'loading'}>Submit</button>
    </form>
  );
}

image/*                    # All images
application/pdf            # PDF files
.doc,.docx                 # Word documents
image/png,image/jpeg       # Specific image types

{
  "data": {
    "name": "John Doe",
    "email": "john@example.com"
  },
  "files": [
    {
      "id": "file_abc123",
      "filename": "resume.pdf",
      "originalName": "John_Doe_Resume.pdf",
      "mimeType": "application/pdf",
      "size": 245678,
      "url": "/api/files/file_abc123"
    }
  ]
}