Skip to main content
Component Pad – Experimental – output can be wrong
GOV.UK Frontend

File upload

Component guide

Example





<div class="govuk-form-group">
  <label class="govuk-label" for="file-upload-1">
    Upload a file
  </label>




  <input class="govuk-file-upload" id="file-upload-1" name="fileUpload1" type="file">


</div>

{{ govukFileUpload({
  "id": "file-upload-1",
  "name": "fileUpload1",
  "label": {
    "text": "Upload a file"
  }
}) }}