> 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/uploadfinish.md).

# uploadFinish

## Details

It is emitted when the user finishes uploading and clicks send.

**Event:** `uploadFinish`

**Type:** `FacephiFileUploaderWidgetCustomEvent<UploadFinishDetail>` | `CustomEvent<UploadFinishDetail>`

### Syntax

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

### Received object

The useful payload is of type `UploadFinishDetail` and is in `event.detail`:

* `eventType` (`string`): Type of event emitted.
* `filesData` (`array`): Uploaded files ready to process.
  * `name` (`string`): File name.
  * `contentType` (`string`): MIME type of the file.
  * `data` (`Uint8Array`): Binary content of the file.

## Description

Contains the uploaded files ready to be processed in the backend.

***

## Example

```jsx
<facephi-file-uploader-widget
  onUploadFinish={(event) => {
    const { filesData } = event.detail;
    console.log('Files uploaded:', filesData.length);
  }}
/>
```

```typescript
import { type UploadFinishDetail } from '@facephi/sdk-web-wc';

uploader.addEventListener('uploadFinish', (event) => {
  const detail: UploadFinishDetail = event.detail;
});
```