# Image

The `Image` component displays an uploaded image in your form.

![](https://640450274-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHAVngDAEk3s8Bw7P6Ntz%2Fuploads%2F9ZxMBZZMAAL1D99LnMve%2Fdocs_element-image.png?alt=media\&token=3cd0dcf7-27e2-4b5c-9454-cb31c8300521)

### Image Source <a href="#example" id="example"></a>

You may directly upload the image to be displayed or you can have the image be dynamically pulled from a form or hidden field.

The image can be pulled from any field containing either an image file or a URL to an image file. This element also supports [displaying PDF files](https://docs.feathery.io/platform/build-forms/elements/basic/pdf-viewer).

<figure><img src="https://640450274-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHAVngDAEk3s8Bw7P6Ntz%2Fuploads%2F7thHVqxqfvAjtNAORidu%2FScreenshot%202024-07-12%20at%207.23.08%E2%80%AFPM.png?alt=media&#x26;token=ddae84a2-0916-4b1c-a4bc-5b14ceb99525" alt=""><figcaption></figcaption></figure>

### Repeating Images <a href="#example" id="example"></a>

If the image element is repeating and is pulling its source image from either a repeating field or a hidden field containing an array of URLs, each repeat of the image element will pull its image from the corresponding value in the repeating field.

### For Developers <a href="#example" id="example"></a>

The Feathery SDK and API reference image components with `type` equal to `image`