# EuiFilePreviewComponent

**Type:** component



Internal class used by `eui-file-upload` to display the files to be uploaded.


**Selector:** `eui-file-preview`

## Inputs
- **file**: `Blob | EuiUploadedFileInterface | any` - The file to use. Will be a `Blob` for a file to be uploaded, `EuiUploadedFileInterface` for an initial file.
- **hasPreview**: `boolean` - Whether a preview, image or icon, is displayed for a file to upload.
- **hasPreviewAsIcon**: `boolean` - Whether a preview is displayed as a file format icon.
- **hasPreviewAsImage**: `boolean` - Whether a preview is displayed as image.
- **index**: `number` - Index of the file in the list.
- **isFilenameDisplayed**: `boolean` - Whether the filename is displayed.
- **isFileObject**: `boolean` - Whether the file is `File` or has been provided by the user as initial value.
- **isFilesizeDisplayed**: `boolean` - Whether the filesize is displayed.
- **isFiletypeDisplayed**: `boolean` - Whether the file type is displayed.
- **isItemsClickable**: `boolean` - Whether items can be clicked. `itemClick` event is emitted.
- **previewAsIconConfig**: `{ avi: string; html: string; htm: string; js: string; json: string; mp3: string; mp4: string; pdf: string; png: string; svg: string; txt: string; xml: string; jpeg: string; jpg: string; zip: string; doc: string; ... 5 more ...; rtf: string; }` - Object matching extension and icon.
- **uploadedFileTemplate**: `TemplateRef<literal type>` - Template to use in the list of files.

## Outputs
- **itemClick**: `EventEmitter` - Event emitted when a chosen file to upload is clicked.
- **removeFromList**: `EventEmitter` - Event emitted when the remove button is clicked.