Filopplastingsfelt
Samle dokumenter, bilder og filer med trygghet. Fra CV-er til bilder med dra-og-slipp-opplasting, filtypebegrensninger, størrelsesgrenser og umiddelbare forhåndsvisninger – filopplastingsfeltet gir sikker filsamling med moderne brukeropplevelse og omfattende validering.
Profesjonell filsamling med smart validering
Perfekt for:
Kraftige funksjoner for alle brukstilfeller
📤 Opplasting av flere filer
En eller flere filer:
Tillat brukere å laste opp bare én fil eller aktiver opplasting av flere filer. Brukere kan velge flere filer samtidig eller legge til filer én om gangen.
- Smart filhåndtering:
- Legg til filer trinnvis
- Fjern individuelle filer før innsending
- Se alle valgte filer med navn og størrelser
- Tydelig indikasjon på opplastingstall
Min/maks filkontroller:
Når flere opplastinger er aktivert, angi minimum og maksimum antall filer. Krev minst 2 filer, begrens til 10 filer, eller et hvilket som helst område som passer dine behov.
Eksempler:
- Innsending av CV: Kun 1 fil
- Fotogalleri: Min. 3, maks. 10 bilder
- Dokumentpakke: Min. 2, maks. 5 filer
- Portefølje: Min. 1, maks. 20 filer
🎯 Filtypebegrensninger
7 forhåndskonfigurerte kategorier:
Bilder – jpg, png, gif og alle bildeformater
Perfekt for bilder, logoer, skjermbilder og visuelt innhold.
dokumenter – pdf, doc, docx, txt, odt
Ideell for CV-er, rapporter, kontrakter og tekstdokumenter.
regneark – xls, xlsx, csv, ods
For datafiler, budsjetter, rapporter og beregninger.
Presentasjoner – ppt, pptx, odp
Lysbildepresentasjoner, pitchpresentasjoner og visuelle rapporter.
arkiver – zip, rar, 7z, tar, gz
Komprimerte filer, filpakker og sikkerhetskopier.
lyd – mp3, wav og alle lydformater
Musikkfiler, stemmeopptak og lydklipp.
Video – mp4, mov og alle videoformater
Videofiler, opptak og multimedieinnhold.
Mix & Match:
Kryss av i flere kategorier for å godta ulike filtyper. Aktiver Bilder + Dokumenter for å godta både bilder og PDF-filer.
📝 Tilpassede filutvidelser
Spesifiser nøyaktige filtyper:
Utover de 7 kategoriene, definer spesifikke filtyper du vil godta. Skriv inn egendefinerte filtyper atskilt med komma.
Eksempler:
- `.jpg, .png, .pdf` – Kun bilder og PDF-filer
- `.docx, .pdf, .txt` – Spesifikke dokumentformater
- `.ai, .psd, .sketch` – Designfiler
- `.dwg, .dxf` – CAD-filer
- `.sql, .db` – Databasefiler
Perfekt kontroll:
Kombiner avmerkingsbokser for kategorier med egendefinerte filtyper for presis kontroll over filtyper. Godta bildekategorien pluss `.svg` for fullstendig bildestøtte.
🖼️ Forhåndsvisning av filer
Visuell filtilbakemelding:
Aktiver «Vis forhåndsvisninger av filer» for å vise miniatyrbilder for bilder og filikoner for andre typer. Brukere ser nøyaktig hva de har valgt før de sender inn.
Forhåndsvisningsfunksjoner:
- Miniatyrbilder av bilder
- Filtypeikoner for dokumenter
- Visning av filnavn og størrelse
- Fjern-knapp for hver fil
Visuell opplastingsbekreftelse
Bedre brukeropplevelse:
Forhåndsvisninger bekrefter vellykket filvalg, reduserer feil og gir trygghet for at de riktige filene er vedlagt.
🎨 Tilpasset knappetekst
Tilpass opplastingsopplevelsen:
Endre teksten på opplastingsknappen fra «Velg fil» til noe som passer til skjemaets kontekst.
Eksempler:
- "Last opp CV"
- «Velg bilder»
- «Legg ved dokumenter»
- "Legg til filer"
- "Bla gjennom filer"
- "Velg bilder"
Kontekstuelt språk:
Tilpass knappeteksten til det brukerne laster opp for tydeligere instruksjoner og bedre brukeropplevelse.
🔐 Innebygd sikkerhet
Automatisk filvalidering:
Alle opplastede filer valideres for type og størrelse før behandling. Skadelige filer avvises automatisk.
Sikkerhetslag:
- Validering av filtype (filtype og MIME-type)
- Filstørrelsesgrenser håndhevet
- Revalidering på serversiden
- WordPress sikkerhetsstandarder
- Rensede filnavn
Sikker filhåndtering:
Filene lagres sikkert ved hjelp av WordPress-opplastingskataloger med riktige tillatelser og sikkerhetstiltak.
🔀 Betinget logikk
Dynamiske opplastingsfelt:
Vis eller skjul felt for filopplasting basert på andre skjemaverdier. Vis opplastingsalternativer bare når de er relevante for brukerens valg.
Avanserte logiske regler:
- OG-logikk – Alle betingelser må være oppfylt
- ELLER-logikk – Enhver betingelse kan utløse handlingen
- 8 operatorer – Er lik, Ikke lik, Større enn, Mindre enn, Inneholder, Er tom og mer
🎯 Forbedret brukeropplevelse
Innebygde smarte funksjoner:
- Valgt filliste – Se alle valgte filer med navn og størrelser
- Fjern individuelle filer – Slett filer før innsending
- Opplastingsfremdrift – Visuell tilbakemelding under opplastinger (med automatisk opplasting)
- Fjern feilmeldinger – Spesifikke valideringsfeil med veiledning
- Visning av filantall – Viser antall valgte filer
- Nødvendig validering – Gjør filopplasting obligatorisk
- Hjelpetekststøtte – Legg til beskrivelser av filkrav
- Tilpassede CSS-klasser – Bruk tilpasset styling
- Tilgjengelighetsstøtte – Kompatibel med tastaturnavigasjon og skjermleser
- Mobiloptimalisert – Innebygde filvelgere på mobile enheter
📏 Filstørrelsesgrenser
Kontroller opplastingsstørrelser:
Angi maksimal filstørrelse per fil i megabyte (MB). Forhindre store opplastinger som kan forsinke innsendingen eller overskride servergrensene.
Fleksible grenser:
- Små filer: 1–2 MB for dokumenter
- Standard: 5 MB for generelle opplastinger
- Bilder: 10 MB for fotoer
- Store filer: 50 MB+ for videoer eller arkiver
Validering per fil:
Størrelsesgrensen gjelder for hver enkelt fil, ikke den totale opplastingsstørrelsen. Brukere kan laste opp 5 filer på 5 MB hver hvis du angir en grense på 5 MB.
Slett tilbakemelding:
Brukere ser feilmeldinger om filstørrelse rett før innsending med spesifikke meldinger som «Filen overskrider grensen på 5 MB».
⚡ Automatisk opplasting ved valg
Alternativ for direkte opplasting:
Aktiver «Automatisk opplasting ved valg» for å starte opplasting av filer umiddelbart når de er valgt, i stedet for å vente på innsending av skjema.
Fordeler:
- Raskere opplevd ytelse
- Last opp store filer mens brukere fyller ut andre felt
- Umiddelbar bekreftelse av opplasting
- Tilbakemelding om fremdrift under opplasting
Bruk tilfeller:
- Innsending av store filer (videoer, arkiver)
- Flertrinnsskjemaer der filer lastes opp tidlig
- Skjemaer med mange felt å fylle ut
- Bedre brukeropplevelse for trege tilkoblinger
🎨 Dra og slipp-opplasting
Moderne filvalg:
Aktiver dra-og-slipp-funksjonen for å la brukere dra filer direkte fra skrivebordet eller filleseren til opplastingsområdet. Ingen nettlesing nødvendig.
Doble opplastingsmetoder:
- Tradisjonell «Velg fil»-knapp
- Dra filer direkte til opplastingssonen
- Begge metodene fungerer samtidig
Visuell tilbakemelding:
Opplastingsområdet fremheves når filer dras over, noe som gir en tydelig visuell indikasjon av slippsonen.
Mobilkompatibel:
Fungerer på datamaskin med full dra-og-slipp-funksjonalitet. Går tilbake til standard filvelger på mobile enheter.
Enkel oppsett i 3 trinn
Gjør filopplastingsfeltet klart på få minutter
Legg til felt for filopplasting
Dra og slipp feltet Filopplasting fra delen Grunnleggende felt til skjemaet ditt.
Angi filbegrensninger
Velg tillatte filtyper (bilder, dokumenter osv.), angi maksimal filstørrelse (f.eks. 5 MB), og aktiver flere filer om nødvendig med min./maks. antall.
Aktiver moderne funksjoner
Slå på dra-og-slipp for enklere opplastinger, aktiver forhåndsvisninger av filer for visuell tilbakemelding og tilpass knappetekst slik at den samsvarer med skjemaets kontekst.
???? Det var det! Filopplastingsfeltet ditt er klart med smart validering og moderne brukeropplevelse.
Virkelige applikasjoner
Jobbsøknader
* Opplasting av CV/CV (PDF, DOCX)
* Vedlegg til følgebrev
* Innsending av porteføljefiler
* Opplastinger av referansedokumenter
Fotoinnsendinger
* Konkurransebidrag (flere bilder)
* Bilder av eiendomsannonser
* Produktfotografering
* Opplasting av arrangementsbilder
Forretningsdokumenter
* Tilbudsforespørselsfiler
* Kontraktsinnleveringer
* Fakturaopplastinger
* Forslagsdokumenter
Utdanning
* Innlevering av oppgaver
* Opplastinger av transkripsjoner
* Sertifikatdokumenter
* Innsending av prosjektfiler
Brukerstøttehenvendelser
* Skjermbildevedlegg
* Feilloggfiler
* Konfigurasjonsfiler
* Diagnostiske dokumenter
Kreative porteføljer
* Innsending av designfiler
* Opplastinger av videoporteføljer
* Lydprøver
* Eksempler på kreativt arbeid
Komplette feltalternativer
Grunnleggende konfigurasjon
- Feltetikett – Tittelen som vises over filopplastingsfeltet
- Beskrivelse/hjelpetekst – Ytterligere veiledning om filkrav
- Obligatorisk felt – Gjør filopplasting obligatorisk
- Plassholder – Ikke aktuelt for filopplastinger
Flere filer
Tillat flere filer – La brukere laste opp mer enn én fil om gangen
- Når flere filer er aktivert:
- Minimumsfiler – Minst mulig antall filer som kreves (f.eks. 1)
- Maksimalt antall filer – Flest filer en bruker kan laste opp (f.eks. 10)
Tillatte filtyper
Forhåndskonfigurerte kategorier (kryss av for en hvilken som helst kombinasjon):
- Bilder (jpg, png, gif)
- Dokumenter (pdf, doc, txt)
- Regneark (xls, csv)
- Presentasjoner (ppt, pptx)
- Arkiv (zip, rar)
- Lyd (mp3, wav)
- Video (mp4, mov)
Spesifikke filutvidelser
Skriv inn egendefinerte filtyper atskilt med komma (f.eks. `.jpg, .png, .pdf, .docx`)
Kontroll av filstørrelse
- Maksimal filstørrelse – Maksimal størrelse for hver opplastede fil i megabyte (MB)
- Skriv inn et tall, som for eksempel 5, for en grense på 5 MB
- La stå tomt hvis det ikke er noen grense (bruker serverstandard)
- Brukes per fil, ikke total opplastingsstørrelse
Brukererfaring
- Vis forhåndsvisninger av filer – Vis miniatyrbilder for bilder og ikoner for andre filer
- Aktiver dra og slipp – La brukere dra filer direkte til skjemaet
- Tekst for opplastingsknapp – Tilpass knappetekst (standard: «Velg fil»)
- Automatisk opplasting ved valg – Start opplasting av filer umiddelbart når du er valgt (i stedet for å vente på at skjemaet skal sendes inn)
Betinget logikk
- Aktiver betinget logikk – Vis/skjul basert på betingelser
- Logisk type
- Alle betingelser må være oppfylt (OG)
- Enhver betingelse kan oppfylles (ELLER)
- Tilstandsregler
- Vis/skjul – Handling som skal utføres
- Felt – Hvilket felt som skal krysses av
- Operator – Er lik, Ikke lik, Inneholder, Større enn, Mindre enn, Er tom, Er ikke tom
- Verdi – Sammenligningsverdi
- Flere betingelser – Legg til et ubegrenset antall regler
Avanserte alternativer
- Skjult felt – Gjør feltet usynlig (anbefales ikke for filopplastinger)
- Tilpassede CSS-klasser – Bruk tilpasset styling
- Tilgjengelighetsattributter – ARIA-etiketter for skjermlesere
Hvorfor velge vårt filopplastingsfelt?
✅ Flere filer – En eller flere opplastinger med min/maks-kontroller
✅ Smarte begrensninger – 7 filkategorier pluss tilpassede filtyper
✅ Størrelsesgrenser – Angi maksstørrelse per fil i MB
✅ Dra og slipp – Moderne filvalgsopplevelse
✅ Forhåndsvisning av filer – Visuell bekreftelse med miniatyrbilder
✅ Sikker – Innebygd validering og WordPress-sikkerhet
✅ Automatisk opplasting – Valgfri umiddelbar opplasting ved valg
✅ Brukervennlig – Tydelige tilbakemeldinger og feilmeldinger
✅ Fullt integrert – Fungerer sømløst med alle skjemafunksjoner
Ofte Stilte Spørsmål
Q: Hvor mange filer kan brukere laste opp?
Enkelt fil som standard. Aktiver «Tillat flere filer» for å la brukere laste opp flere filer. Angi min./maks. grenser som min. 1, maks. 10 for kontrollerte masseopplastinger.
Q: Hvilke filtyper støttes?
Alle filtyper støttes som standard. Bruk avmerkingsbokser for kategorier (bilder, dokumenter osv.) eller egendefinerte filtyper for å begrense bestemte typer basert på dine behov.
Q: Hvordan begrenser jeg filstørrelsen?
Skriv inn et tall i feltet «Maksimal filstørrelse» (f.eks. 5 for 5 MB). Denne grensen gjelder per fil, ikke total opplastingsstørrelse. La stå tomt for serverstandarder.
Spørsmål: Hva er forskjellen mellom kategorier og tilpassede utvidelser?
Kategorier er forhåndsinnstilte grupper (Bilder = alle bildetyper, Dokumenter = pdf/doc/txt). Med tilpassede utvidelser kan du spesifisere eksakte formater som .svg, .ai og .psd.
Spørsmål: Hvordan fungerer dra-og-slipp?
Aktiver «Aktiver dra og slipp», så kan brukere dra filer fra skrivebordet direkte til opplastingsområdet. Den tradisjonelle «Velg fil»-knappen fungerer fortsatt.
Q: Hva er forhåndsvisninger av filer?
Med «Vis forhåndsvisninger av filer» aktivert, ser brukerne miniatyrbilder av bilder og filikoner med navn/størrelser for alle valgte filer før innsending.
Spørsmål: Hva gjør automatisk opplasting?
Med «Automatisk opplasting ved valg» aktivert, starter opplastingen av filer umiddelbart når de er valgt, i stedet for å vente på at skjemaet skal sendes inn. Flott for store filer.
Q: Kan jeg kreve spesifikke filtyper?
Ja. Merk av for filtypekategorier og/eller skriv inn egendefinerte filtyper, og aktiver deretter «Påkrevd felt» for å tvinge frem filopplasting med disse begrensningene.
Spørsmål: Hvordan godtar jeg bare PDF-filer?
Merk av i kategorien «Dokumenter» hvis du vil ha alle dokumenttyper, inkludert PDF-filer, eller skriv inn .pdf i «Spesifikke filtyper» for opplastinger kun i PDF-format.
Q: Hva skjer hvis en fil er for stor?
Brukere ser umiddelbart en feilmelding som «Filen overstiger 5 MB-grensen». De må velge en mindre fil før de sender inn skjemaet.
Er opplastede filer sikre?
Ja. Filer valideres for type og størrelse, lagres i WordPress opplastingsmappe med riktige tillatelser og følger WordPress sikkerhetsstandarder.
Spørsmål: Kan jeg godta bilder og dokumenter samtidig?
Ja. Kryss av for både kategoriene «Bilder» og «Dokumenter». Brukere kan laste opp en hvilken som helst kombinasjon av bilde- og dokumentfiler.
