# EuiFileUploadComponent

**Type:** component



`eui-file-upload` allows the user to upload a file to a server. It can be use in the classic simple file way or with a drag and drop feature.


**Selector:** `eui-file-upload`

## Inputs
- **accept**: `string` - A comma separated list of extension allowed to be uploaded by the user.
- **e2eAttr**: `string` - Sets the `data-e2e` attribute for the host element.
- **hasDragArea**: `boolean` - Wheter files can be drag and dropped in the component.
- **hasPreview**: `boolean` - Wheter a preview, image or icon, is displayed for a file to upload.
- **hasPreviewAsIcon**: `boolean` - Wheter a preview is displayed as a file format icon.
- **hasPreviewAsImage**: `boolean` - Wheter a preview is displayed as image.
- **hasProgressBar**: `boolean` - Wheter a progress bar is displayed to indicate the upload progress.
- **hasResetButton**: `boolean` - Wheter a reset list button is displayed.
- **hasTotalSizeDisplayed**: `boolean` - Wheter the total size that will be uploaded is displayed.
- **isItemsClickable**: `boolean` - Wheter items can be clicked. `itemClick` event is emitted.
- **isMultiple**: `boolean` - Wheter multiple files can be choosen.
- **maxFiles**: `number` - The maximum number of file the user is allowed to upload
- **progress**: `number` - In combination with `hasProgressBar`. Sets the progress of upload to be displayed by the progress bar.

## Outputs
- **fileDrop**: `EventEmitter` - Event emitted when a file is drag and dropped in the component.
- **itemClick**: `EventEmitter` - Event emitted when a choosen file to upload is clicked.
