Eventos

Aqui você verá mais detalhes sobre a configuração de eventos.

Nome	Valor padrão	Informação adicional
onInit	null	Evento disparado quando o Dropfiles Uploader é inicializado.
onDestroy	null	Evento disparado quando o Dropfiles Uploader é destruído.
onRestart	null	Evento disparado quando o Dropfiles Uploader é reinicializado.
onFileAccepted	null	Evento disparado quando um arquivo é aceito. O evento retorna fileObject, com as informações do arquivo.
onFileError	null	Evento disparado quando um arquivo não é aceito pelas validações de tamanho ou extensão. O evento retorna fileObject, com as informações do arquivo.
onFileAdded	null	Evento disparado quando um arquivo é adicionado na fila. O evento retorna fileObject, com as informações do arquivo.
onFileEnqueued	null	Evento disparado quando um arquivo é preparado para upload. O evento retorna fileObject, com as informações do arquivo.
onUploadSuccess	null	Evento disparado quando um arquivo é enviado com sucesso. O evento retorna fileObject, response e status.
onUploadError	null	Evento disparado quando um arquivo é enviado e retorna um erro. O evento retorna fileObject, response e status.
onUploadProgress	null	Evento disparado quando um arquivo esta sendo enviado. O evento retorna fileObject e porcentage.

Exemplos de configuração dos eventos:

{
    ...,
    events: {
        onInit: () => {
            console.log('Dropfiles Uploader initialized');
        },
        onDestroy: () => {
            console.log('Dropfiles Uploader destroyed');
        },
        onRestart: () => {
            console.log('Dropfiles Uploader restarted');
        },
        onFileAccepted: (fileObject) => {
            console.log(fileObject);
        },
        onFileError: (fileObject) => {
            console.log(fileObject);
        },
        onFileAdded: (fileObject) => {
            console.log(fileObject);
        },
        onFileEnqueued: (fileObject) => {
            console.log(fileObject);
        },
        onUploadSuccess: (fileObject, response, status) => {
            console.log(fileObject, response, status);
        },
        onUploadError: (fileObject, response, status) => {
            console.log(fileObject, response, status);
        },
        onUploadProgress: (fileObject, percentage) => {
            console.log(fileObject, percentage);
        },
    }
}