Bestand uploaden veld
Verzamel documenten, afbeeldingen en bestanden met een gerust hart. Van cv's tot foto's: upload ze eenvoudig via slepen en neerzetten, met beperkingen voor bestandstypen en -groottes en directe voorbeelden. Het veld 'Bestand uploaden' biedt een veilige manier om bestanden te verzamelen met een moderne gebruikerservaring en uitgebreide validatie.
Professionele bestandsverzameling met slimme validatie
Perfect voor:
Krachtige functies voor elk gebruiksscenario
📤 Meerdere bestanden uploaden
Enkele of meerdere bestanden:
Geef gebruikers de mogelijkheid om slechts één bestand te uploaden of sta het uploaden van meerdere bestanden tegelijk toe. Gebruikers kunnen meerdere bestanden tegelijk selecteren of bestanden één voor één toevoegen.
- Slim bestandsbeheer:
- Voeg bestanden stapsgewijs toe
- Verwijder afzonderlijke bestanden vóór indiening
- Bekijk alle geselecteerde bestanden met namen en groottes
- Duidelijke weergave van het aantal uploads
Minimale/maximale bestandsinstellingen:
Wanneer het uploaden van meerdere bestanden is ingeschakeld, kunt u een minimum- en maximumaantal bestanden instellen. U kunt bijvoorbeeld minimaal 2 bestanden vereisen, een limiet van 10 bestanden instellen of een ander aantal dat aan uw behoeften voldoet.
Voorbeelden:
- CV indienen: slechts 1 bestand
- Fotogalerij: minimaal 3, maximaal 10 afbeeldingen
- Documentenpakket: minimaal 2, maximaal 5 bestanden
- Portfolio: Minimaal 1, maximaal 20 bestanden
🎯 Beperkingen voor bestandstypen
7 vooraf geconfigureerde categorieën:
Afbeeldingen – jpg, png, gif en alle afbeeldingsformaten
Perfect voor foto's, logo's, screenshots en visuele content.
Documentatie – pdf, doc, docx, txt, odt
Ideaal voor cv's, rapporten, contracten en tekstdocumenten.
spreadsheets – xls, xlsx, csv, ods
Voor gegevensbestanden, budgetten, rapporten en berekeningen.
Presentaties – ppt, pptx, odp
Diavoorstellingen, presentaties en visuele rapporten.
Archief – zip, rar, 7z, tar, gz
Gecomprimeerde bestanden, bestandspakketten en back-ups.
Audio – mp3, wav en alle audioformaten
Muziekbestanden, spraakopnamen en geluidsfragmenten.
Video – mp4, mov en alle videoformaten
Videobestanden, opnames en multimediacontent.
Mix & Match:
Vink meerdere categorieën aan om verschillende bestandstypen te accepteren. Schakel 'Afbeeldingen + Documenten' in om zowel foto's als pdf's te accepteren.
📝 Aangepaste bestandsextensies
Geef de exacte bestandstypen op:
Naast de 7 categorieën kunt u specifieke bestandsextensies definiëren die u wilt accepteren. Voer aangepaste extensies in, gescheiden door komma's.
Voorbeelden:
- `.jpg, .png, .pdf` – Alleen foto's en PDF's
- `.docx, .pdf, .txt` – Specifieke documentformaten
- `.ai, .psd, .sketch` – Ontwerpbestanden
- `.dwg, .dxf` – CAD-bestanden
- `.sql, .db` – Databasebestanden
Perfecte controle:
Combineer categorieselectievakjes met aangepaste extensies voor nauwkeurige controle over bestandstypen. Accepteer de categorie Afbeeldingen plus `.svg` voor volledige ondersteuning van afbeeldingen.
🖼️ Bestandsvoorbeelden
Visuele feedback op bestanden:
Schakel 'Bestandsvoorbeelden weergeven' in om miniaturen voor afbeeldingen en bestandspictogrammen voor andere bestandstypen weer te geven. Gebruikers zien precies wat ze hebben geselecteerd voordat ze het bestand verzenden.
Voorbeeldfuncties:
- Miniatuurafbeeldingen voor foto's
- Pictogrammen voor bestandstypen in documenten
- Weergave van bestandsnaam en -grootte
- Verwijder de knop voor elk bestand
Visuele uploadbevestiging
Betere gebruikerservaring:
Voorbeeldweergaven bevestigen de succesvolle selectie van bestanden, verminderen fouten en geven de zekerheid dat de juiste bestanden zijn bijgevoegd.
🎨 Aangepaste knoptekst
Personaliseer de uploadervaring:
Wijzig de tekst van de uploadknop van "Bestand kiezen" naar iets dat beter past bij de context van uw formulier.
Voorbeelden:
- "CV uploaden"
- “Selecteer foto's”
- “Documenten bijvoegen”
- "Bestanden toevoegen"
- “Bestanden bekijken”
- “Afbeeldingen kiezen”
Contextuele taal:
Stem de tekst op de knoppen af op wat gebruikers uploaden voor duidelijkere instructies en een betere gebruikerservaring.
🔐 Ingebouwde beveiliging
Automatische bestandsvalidatie:
Alle geüploade bestanden worden vóór verwerking gecontroleerd op type en grootte. Kwaadwillende bestanden worden automatisch afgewezen.
Beveiligingslagen:
- Validatie van het bestandstype (extensie en MIME-type)
- Bestandsgroottebeperkingen worden afgedwongen
- Server-side hervalidatie
- WordPress-beveiligingsnormen
- Gezuiverde bestandsnamen
Veilige bestandsverwerking:
Bestanden worden veilig opgeslagen in de uploadmappen van WordPress, met de juiste machtigingen en beveiligingsmaatregelen.
🔀 Voorwaardelijke logica
Dynamische uploadvelden:
Toon of verberg velden voor het uploaden van bestanden op basis van andere formulierwaarden. Toon uploadopties alleen wanneer relevant voor de selecties van de gebruiker.
Geavanceerde logica-regels:
- EN Logica – Aan alle voorwaarden moet voldaan zijn
- OF-logica – Elke voorwaarde kan de actie activeren.
- 8 operatoren – gelijk aan, niet gelijk aan, groter dan, kleiner dan, bevat, is leeg, en meer
🎯 Verbeterde gebruikerservaring
Slimme functies ingebouwd:
- Lijst met geselecteerde bestanden – Bekijk alle geselecteerde bestanden met namen en afmetingen
- Individuele bestanden verwijderen – Verwijder bestanden vóór indiening
- Voortgang van het uploaden – Visuele feedback tijdens het uploaden (met automatisch uploaden)
- Foutmeldingen wissen – Specifieke validatiefouten met bijbehorende richtlijnen
- Weergave van het aantal bestanden – Toont het aantal geselecteerde bestanden
- Vereiste validatie – Maak het uploaden van bestanden verplicht
- Helptekstondersteuning – Voeg beschrijvingen toe over de bestandsvereisten
- Aangepaste CSS-klassen – Pas een aangepaste stijl toe
- Ondersteuning voor toegankelijkheid – Toetsenbordnavigatie en compatibel met schermlezers
- Geoptimaliseerd voor mobiel – Bestandsselectieprogramma's die standaard op mobiele apparaten beschikbaar zijn
📏 Limieten voor bestandsgrootte
Beheer de maximale uploadgrootte:
Stel de maximale bestandsgrootte per bestand in megabytes (MB) in. Voorkom te grote uploads die de verwerking kunnen vertragen of de serverlimieten kunnen overschrijden.
Flexibele limieten:
- Kleine bestanden: 1-2 MB voor documenten.
- Standaard: 5 MB voor algemene uploads
- Afbeeldingen: 10 MB voor foto's
- Grote bestanden: 50 MB of meer voor video's of archieven.
Validatie per bestand:
De groottelimiet geldt voor elk afzonderlijk bestand, niet voor de totale uploadgrootte. Gebruikers kunnen maximaal 5 bestanden van elk 5 MB uploaden als u een limiet van 5 MB instelt.
Duidelijke feedback:
Gebruikers zien vlak voor het verzenden van een bestand een foutmelding met betrekking tot de bestandsgrootte, zoals "Bestand overschrijdt de limiet van 5 MB".
⚡ Automatisch uploaden bij selectie
Directe uploadoptie:
Schakel 'Automatisch uploaden bij selectie' in om bestanden direct te uploaden zodra ze geselecteerd zijn, in plaats van te wachten tot het formulier is verzonden.
Voordelen:
- Snellere waargenomen prestaties
- Grote bestanden uploaden terwijl gebruikers andere velden invullen.
- Directe uploadbevestiging
- Voortgangsfeedback tijdens het uploaden
Gebruik Gevallen:
- Het indienen van grote bestanden (video's, archieven)
- Formulieren met meerdere stappen waarbij bestanden vroegtijdig worden geüpload.
- Formulieren met veel in te vullen velden
- Verbeterde gebruikerservaring voor trage verbindingen
🎨 Uploaden via slepen en neerzetten
Moderne bestandsselectie:
Schakel slepen en neerzetten in, zodat gebruikers bestanden rechtstreeks vanaf hun bureaublad of bestandsbrowser naar het uploadgebied kunnen slepen. Bladeren is niet nodig.
Dubbele uploadmethoden:
- Traditionele "Bestand kiezen"-knop
- Sleep bestanden direct naar het uploadgebied.
- Beide methoden werken gelijktijdig.
Visuele feedback:
Het uploadgebied wordt gemarkeerd wanneer bestanden ernaartoe worden gesleept, waardoor de dropzone duidelijk visueel wordt aangegeven.
Mobiel compatibel:
Werkt op desktops met volledige drag-and-drop-functionaliteit. Schakelt op mobiele apparaten over naar de standaard bestandsselector.
Eenvoudige installatie in 3 stappen
Maak je bestandsuploadveld binnen enkele minuten klaar voor gebruik.
Voeg een veld voor het uploaden van bestanden toe
Sleep het veld 'Bestand uploaden' vanuit het gedeelte 'Basisvelden' naar uw formulier.
Bestandsbeperkingen instellen
Selecteer de toegestane bestandstypen (afbeeldingen, documenten, enz.), stel de maximale bestandsgrootte in (bijv. 5 MB) en schakel indien nodig meerdere bestanden in met een minimum/maximum aantal.
Moderne functies inschakelen
Schakel slepen en neerzetten in voor eenvoudiger uploaden, activeer bestandsvoorbeelden voor visuele feedback en pas de knoptekst aan de context van uw formulier aan.
???? Dat is alles! Je bestandsuploadveld is nu klaar met slimme validatie en een moderne gebruikersinterface.
Toepassingen in de echte wereld
Sollicitaties
* Uploaden van cv/curriculum vitae (PDF, DOCX)
* Bijlagen bij de sollicitatiebrief
* Inzendingen van portfoliobestanden
* Uploaden van referentiedocumenten
Foto-inzendingen
* Wedstrijdinzendingen (meerdere afbeeldingen)
* Foto's van de woning
* Productfotografie
* Foto's van het evenement uploaden
Zakelijke documenten
* Offerteaanvraagbestanden
* Contractvoorstellen
* Factuuruploads
* Voorsteldocumenten
Educatie
* Inleveren van opdrachten
* Transcriptuploads
* Certificaatdocumenten
* Projectdossiers indienen
Support Tickets
* Bijlagen met schermafbeeldingen
* Foutlogbestanden
* Configuratiebestanden
* Diagnostische documenten
Creatieve portfolio's
* Inzendingen van ontwerpbestanden
* Uploads van videoportfolio's
* Audiovoorbeelden
* Voorbeelden van creatief werk
Volledige veldopties
Basis configuratie
- Veldlabel – De titel die boven het veld voor het uploaden van bestanden wordt weergegeven.
- Beschrijving/Helptekst – Aanvullende informatie over bestandsvereisten
- Verplicht veld – Maak het uploaden van bestanden verplicht
- Plaatsaanduiding – Niet van toepassing voor het uploaden van bestanden
Meerdere bestanden
Meerdere bestanden toestaan – Gebruikers toestaan om meer dan één bestand tegelijk te uploaden.
- Wanneer meerdere bestanden zijn ingeschakeld:
- Minimum aantal bestanden – Het minimaal vereiste aantal bestanden (bijv. 1)
- Maximum aantal bestanden – Het maximale aantal bestanden dat een gebruiker kan uploaden (bijv. 10)
Toegestane bestandstypen
Voorgeconfigureerde categorieën (selecteer elke gewenste combinatie):
- Afbeeldingen (jpg, png, gif)
- Documenten (pdf, doc, txt)
- Spreadsheets (xls, csv)
- Presentaties (ppt, pptx)
- Archiefbestanden (zip, rar)
- Audio (mp3, wav)
- Video (mp4, mov)
Specifieke bestandsextensies
Voer aangepaste bestandstypen in, gescheiden door komma's (bijv. `.jpg, .png, .pdf, .docx`).
Bestandsgroottebeheer
- Maximale bestandsgrootte – Maximale grootte per geüpload bestand in megabytes (MB)
- Voer een getal in, bijvoorbeeld 5 voor een limiet van 5 MB.
- Laat dit veld leeg voor geen limiet (gebruikt de standaardinstellingen van de server).
- Van toepassing per bestand, niet op de totale uploadgrootte.
Gebruikerservaring
- Toon bestandsvoorbeelden – Toon miniaturen voor afbeeldingen en pictogrammen voor andere bestanden.
- Schakel slepen en neerzetten in – laat gebruikers bestanden rechtstreeks naar het formulier slepen.
- Tekst van de uploadknop – Pas de tekst van de knop aan (standaard: "Bestand kiezen").
- Automatisch uploaden bij selectie – Begin direct met het uploaden van bestanden zodra een selectie is gemaakt (in plaats van te wachten tot het formulier is verzonden).
voorwaardelijke Logic
- Schakel voorwaardelijke logica in – Weergeven/verbergen op basis van voorwaarden
- Logisch type
- Aan alle voorwaarden moet voldaan worden (EN)
- Aan elke voorwaarde kan worden voldaan (OF)
- Voorwaarden Regels
- Weergeven/Verbergen – Te ondernemen actie
- Veld – Welk veld moet gecontroleerd worden?
- Operator – Gelijk aan, Niet gelijk aan, Bevat, Groter dan, Kleiner dan, Is leeg, Is niet leeg
- Waarde – Vergelijkingswaarde
- Meerdere voorwaarden – Voeg onbeperkt regels toe
geavanceerde opties
- Verborgen veld – Maak het veld onzichtbaar (niet aanbevolen voor het uploaden van bestanden)
- Aangepaste CSS-klassen – Pas aangepaste styling toe
- Toegankelijkheidskenmerken – ARIA-labels voor schermlezers
Waarom kiezen voor ons veld voor het uploaden van bestanden?
✅ Meerdere bestanden – Upload één of meerdere bestanden met minimale/maximale instellingen
✅ Slimme beperkingen – 7 bestandscategorieën plus aangepaste extensies
✅ Groottelimieten – Stel de maximale bestandsgrootte in MB in.
✅ Slepen en neerzetten – Moderne ervaring voor het selecteren van bestanden
✅ Bestandsvoorbeelden – Visuele bevestiging met miniaturen
✅ Veilig – Ingebouwde validatie en WordPress-beveiliging
✅ Automatisch uploaden – Optioneel direct uploaden bij selectie
✅ Gebruiksvriendelijk – Duidelijke feedback en foutmeldingen
✅ Volledig geïntegreerd – Werkt naadloos samen met alle formulierfuncties
Veelgestelde Vragen / FAQ
V: Hoeveel bestanden kunnen gebruikers uploaden?
Standaard één bestand. Schakel 'Meerdere bestanden toestaan' in om gebruikers meerdere bestanden te laten uploaden. Stel minimum- en maximumlimieten in, bijvoorbeeld Min 1, Max 10, voor gecontroleerde bulkuploads.
V: Welke bestandstypen worden ondersteund?
Alle bestandstypen worden standaard ondersteund. Gebruik de selectievakjes voor categorieën (Afbeeldingen, Documenten, enz.) of aangepaste extensies om specifieke typen te beperken op basis van uw behoeften.
V: Hoe beperk ik de bestandsgrootte?
Voer een getal in bij 'Maximale bestandsgrootte' (bijv. 5 voor 5 MB). Deze limiet geldt per bestand, niet voor de totale uploadgrootte. Laat dit veld leeg voor de standaardinstellingen van de server.
V: Wat is het verschil tussen categorieën en aangepaste extensies?
Categorieën zijn vooraf ingestelde groepen (Afbeeldingen = alle afbeeldingstypen, Documenten = pdf/doc/txt). Met aangepaste extensies kunt u exacte formaten specificeren, zoals .svg, .ai, .psd.
V: Hoe werkt slepen en neerzetten?
Schakel 'Slepen en neerzetten' in en gebruikers kunnen bestanden rechtstreeks vanaf hun bureaublad naar het uploadgebied slepen. De traditionele knop 'Bestand kiezen' werkt ook nog steeds.
V: Wat zijn bestandsvoorbeelden?
Met de optie "Bestandsvoorbeelden weergeven" ingeschakeld, zien gebruikers miniatuurafbeeldingen en bestandspictogrammen met namen/groottes voor alle geselecteerde bestanden voordat ze deze verzenden.
V: Wat doet automatisch uploaden?
Met de optie "Automatisch uploaden bij selectie" ingeschakeld, worden bestanden direct geüpload zodra ze geselecteerd zijn, in plaats van te wachten tot het formulier is verzonden. Ideaal voor grote bestanden.
V: Kan ik specifieke bestandstypen vereisen?
Ja. Vink de bestandstypecategorieën aan en/of voer aangepaste extensies in en schakel vervolgens 'Verplicht veld' in om het uploaden van bestanden met die beperkingen af te dwingen.
V: Hoe kan ik alleen PDF-bestanden accepteren?
Vink de categorie 'Documenten' aan als u alle documenttypen, inclusief pdf's, wilt uploaden, of voer .pdf in bij 'Specifieke bestandsextensies' voor uploads die alleen pdf's bevatten.
V: Wat gebeurt er als een bestand te groot is?
Gebruikers zien direct een foutmelding zoals "Bestand overschrijdt de limiet van 5 MB". Ze moeten een kleiner bestand selecteren voordat ze het formulier kunnen verzenden.
Zijn geüploade bestanden veilig?
Ja. Bestanden worden gecontroleerd op type en grootte, opgeslagen in de WordPress-uploadmap met de juiste machtigingen en voldoen aan de WordPress-beveiligingsnormen.
V: Kan ik afbeeldingen en documenten samen accepteren?
Ja. Vink zowel de categorie 'Afbeeldingen' als 'Documenten' aan. Gebruikers kunnen elke combinatie van afbeeldingen en documenten uploaden.
