GOVUK File upload

An example of the govuk file upload component.

Open example in new window

HTML

<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="file-upload-1" type="file">
</div>

Jinja

{% from "govuk_frontend_jinja/components/file-upload/macro.html" import govukFileUpload -%}
{{ govukFileUpload({
    "id": "file-upload-1",
    "name": "file-upload-1",
    "label": {
      "text": "Upload a file"
    }
}) }}

---

Help improve this page

If you’ve got a question, idea or suggestion share it with the digital land team on github or email us on digitalland@communities.gov.uk