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

# uploadFinish

## Detalles

Se emite cuando el usuario finaliza la carga y pulsa enviar.

**Evento:** `uploadFinish`

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

### Sintaxis

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

### Objeto recibido

El payload útil es de tipo `UploadFinishDetail` y está en `event.detail`:

* `eventType` (`string`): Tipo de evento emitido.
* `filesData` (`array`): Archivos cargados listos para procesar.
  * `name` (`string`): Nombre del archivo.
  * `contentType` (`string`): Tipo MIME del archivo.
  * `data` (`Uint8Array`): Contenido del archivo en binario.

## Descripción

Contiene los archivos cargados listos para procesar en el backend.

***

## Ejemplo

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