> 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-pt-br/sdks/sdk-web/componentes/file-uploader-cargador-de-archivos/eventos/uploadfinish.md).

# uploadFinish

## Detalhes

É emitido quando o usuário conclui o carregamento e clica em enviar.

**Evento:** `uploadFinish`

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

### Sintaxe

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

### Objeto recebido

O payload útil é do tipo `UploadFinishDetail` e está em `event.detail`:

* `eventType` (`string`): Tipo de evento emitido.
* `filesData` (`array`): Arquivos carregados prontos para processar.
  * `name` (`string`): Nome do arquivo.
  * `contentType` (`string`): Tipo MIME do arquivo.
  * `data` (`Uint8Array`): Conteúdo do arquivo em binário.

## Descrição

Contém os arquivos carregados prontos para processar no backend.

***

## Exemplo

```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;
});
```