1. Home
  2. Classes
  3. VlUpload

new VlUpload()

Description

Gebruik de upload component om één of meerdere bestanden te selecteren of te slepen naar het upload veld. De gebruiker kan alternatief ook één of meerdere bestanden uploaden door op de link in het upload veld te klikken en de bestanden te selecteren in het Bestand menu.

Properties
Name Type Description
data-vl-accepted-files Array.<File>

Attribuut om te bepalen welke bestanden worden geaccepteerd door component (extensie en mimetype).
data-vl-autoprocess boolean

Attribuut om te activeren of deactiveren dat het het gedropte bestand direct moet opgeladen worden.
data-vl-disabled boolean

Attribuut om te voorkomen dat de gebruiker een bijlage kan opladen.
data-vl-disallow-duplicates boolean

Attribuut om te voorkomen dat dezelfde bijlage meerdere keren kan opgeladen worden.
data-vl-error string

Attribuut om aan te geven dat het upload element een fout bevat.
data-vl-error-message-accepted-files string

Attribuut om de message te definiëren wanneer er niet-geaccepteerde bestanden zijn toegevoegd.
data-vl-error-message-filesize string

Attribuut om de message te definiëren wanneer er te grote bestanden zijn toegevoegd.
data-vl-error-message-maxfiles string

Attribuut om de message te definiëren wanneer er teveel bestanden zijn toegevoegd.
data-vl-full-body-drop boolean

Attribuut om te activeren of deactiveren dat het de dropzone over het heel scherm is.
data-vl-input-name string

Attribuut om de key te definiëren waarmee het bestand wordt opgeladen.
data-vl-max-files number

Attribuut om het maximaal aantal bestanden dat opgeladen mag worden, aan te duiden.
data-vl-max-size number

Attribuut om de maximum grootte van een bestand dat opgeladen kan worden (20000000 = 2MB), aan te duiden.
data-vl-sub-title number

Attribuut om de subtitel te bepalen.
data-vl-success string

Attribuut om aan te geven dat het upload element geen fout bevat.
data-vl-title number

Attribuut om de titel te bepalen.
data-vl-url URL

Attribuut om de url naar waar de component moet uploaden, te definiëren.
Details

HTMLElement

vlElement

vl-upload.js, line 40

Classes

new VlUpload()

Members

value

Description

Geeft de bestanden die toegevoegd zijn.

Returns
Details

vl-upload.js, line 73

uploadElement

Description

Geeft het upload element.

Returns
Details

vl-upload.js, line 83

acceptedFiles

Description

Haal de geaccepteerde bestanden (zonder error) op, die toegevoegd zijn.

Returns
Details

vl-upload.js, line 91

rejectedFiles

Description

Haal de niet-geaccepteerde bestanden (met error) op, die toegevoegd zijn.

Returns
Details

vl-upload.js, line 99

files

Description

Haal alle bestanden op die toegevoegd zijn.

Returns
Details

vl-upload.js, line 107

Methods

dress() → {void}

Description

Initialiseer de modal config.

Returns
Details

vl-upload.js, line 244

upload( url ) → {void}

Description

Handmatig de upload aanroepen. Indien een url gegeven is, laad op naar die url.

Parameters
Name Type Description
url String
Returns
Details

vl-upload.js, line 259

clear() → {void}

Description

Verwijder alle files in de dropzone.

Returns
Details

vl-upload.js, line 270

on( event, callback ) → {void}

Description

Wrapper om alle events te kunnen catchen van de upload (zoals vl.upload.hook.fileChange alsook de events van DropZoneJs)

Parameters
Name Type Description
event String
callback function
Returns
Details

vl-upload.js, line 281

addFile( name, size, id ) → {void}

Description

Handmatig bestand toevoegen aan de lijst van opgeladen bestanden zonder achterliggende upload

Parameters
Name Type Description
name String
size Number
id Number
Returns
Details

vl-upload.js, line 293

focus()

Description

Geeft focus aan het link element.

Details

vl-upload.js, line 310

enable()

Description

Enable input element.

Details

vl-upload.js, line 317

disable()

Description

Disable input element.

Details

vl-upload.js, line 324