En tu componente de dropzone
tienes que escuchar a los siguientes eventos:
vdropzone-sending(file, xhr, formData)
: Modifique la solicitud y agregue parámetros adicionales para solicitar antes de enviarla.
vdropzone-success(file, response)
: El archivo se ha cargado correctamente. Obtiene la respuesta del servidor como segundo argumento.
vdropzone-removed-file(file, error, xhr)
: Se eliminó un archivo de la zona de colocación.
vdropzone-queue-complete()
: Se activa cuando la cola se ha procesado / cargado por completo.
Puedes averiguar los eventos del dropzone
y mas, entra aqui aqui
HTML
<dropzone :headers="headers"
id="upload-file"
@vdropzone-sending="sendingEvent"
@vdropzone-success="uploadDropzoneFinish"
@vdropzone-removed-file="removeFileDropzone"
@vdropzone-queue-complete="uploadFinish"
:maxFileSizeInMB="8"
:useFontAwesome="true"
:options="dropzoneOptions"
:language="langDropzone">
<div class="dropzone-custom-content">
<h1>¡Arrastra y suelta para subir fotos y videos! o haga clic para seleccionar un archivo de su computadora</h1>
</div>
</dropzone>
Lo que tu necesitas es declaras una variable donde guardar estos elementos y una funcion donde captures estos elementos y lo guardes en la variable ya creada.
Para esto usare el evento vdropzone-success
de la siguiente manera.
VueJS + Typescript
public uploadedFiles: any[] = [];
uploadDropzoneFinish(file) {
this.uploadedFiles.push(file);
}