---
title: Upload
slug: docs/upload
docTags: 
createdAt: 2024-11-22T12:01:15.280Z
---

Displays a file upload/image capture component.

::Image[]{src="https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/MAQiakgJ3EBYOT0YNrHF-_image.png" size="44" width="432" height="166" position="center" showCaption="false"}

## Properties

General

Properties
General
Label - component label
Placeholder - placeholder for empty input, eg. an image like above
Variant - upload button variant
Type - uploaded asset type: File, Image (upload, capture or both)
Show Preview - whether to show preview of uploaded file or not
Show Progress - whether to display loading/progress indicator
Data Handling
Name - name of the field used to  identify and also to save its value if Path is not set.
Path - Used to provide more complex structure where the data should be saved. Should match AEP schema attribute selector to enable pre-filling from AEP.
Form Id - used mainly for webhook requests to control which data is sent. Only properties with matching Form Id will be included in the request. If empty - data from all fields collected in current session will be included.
Pre-fill - select to attempt to pre-fill the field from AEP profile, local data from previous screen
Actions
Event Type - name (type) of event to generate on click. Used to trigger Data Collection Tag Property Rules. Leave empty for no event.
Webhook URL - URL to which a request should be sent on click. Leave empty for no request.
Alignment
Alignment - horizontal alignment of whole component
Styles section