Ga naar hoofdinhoud

Bestanden uploaden

Let op: dit patroon is nog in ontwikkeling.
Het bestand dient in PDF formaat te zijn en mag maximaal 3 mb groot zijn.
Voorbeeld HTML
<div
  role="group"
  aria-labelledby="fieldId-label"
  class="utrecht-form-field utrecht-form-field--text rvo-form-field"
>
  <div class="rvo-form-field__label">
    <label class="rvo-label" id="fieldId-label" for="fieldId">
      <div>Upload uw document</div>
    </label>
    <div class="utrecht-form-field-description" id="helperTextId">
      <div>
        Het bestand dient in PDF formaat te zijn en mag maximaal 3 mb groot
        zijn.
      </div>
    </div>
  </div>
  <input id="field" type="file" class="rvo-file-input" multiple="" />
</div>

Wanneer je een bezoeker vraagt bestanden up te loaden, zorg dan dat de volgende informatie zichtbaar is:

  • Upload knop
  • Informatie met upload-restricties
  • Lijst met geuploade bestandsnamen
  • Verwijder knop bij elk geupload bestand
  • Optioneel: Progress bar tijdens upload.
  • Optioneel: 'Drag and drop' gebied om bestanden in te slepen.