> For the complete documentation index, see [llms.txt](https://docs.facephi.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.facephi.com/docs.facephi-en/sdks/sdk-web/componentes/file-uploader-cargador-de-archivos/eventos.md).

# Events

The File Uploader emits events during its lifecycle.

### Syntax

```typescript
uploader.addEventListener('uploadFinish', onUploadFinish);
```

***

## Usage example

```jsx
<facephi-file-uploader-widget
    maxFiles={2}
    maxFileSize={10}
    onUploadFinish={(event) => console.log(event.detail)}
    onUploadError={(event) => console.error(event.detail)}
/>
```

***

## Events

* [uploadFinish](/docs.facephi-en/sdks/sdk-web/componentes/file-uploader-cargador-de-archivos/eventos/uploadfinish.md): File upload has finished.
* [uploadError](/docs.facephi-en/sdks/sdk-web/componentes/file-uploader-cargador-de-archivos/eventos/uploaderror.md): An error occurred during the Flow.
* [uploadUserCancel](/docs.facephi-en/sdks/sdk-web/componentes/file-uploader-cargador-de-archivos/eventos/uploadusercancel.md): The user has closed the Widget.
* [uploadWidgetLoaded](/docs.facephi-en/sdks/sdk-web/componentes/file-uploader-cargador-de-archivos/eventos/uploadwidgetloaded.md): The component is ready to use.