Fält för filuppladdning
Samla dokument, bilder och filer med förtroende. Från CV till foton med dra-och-släpp-uppladdning, filtypsbegränsningar, storleksgränser och omedelbara förhandsgranskningar – fältet Filuppladdning ger säker filinsamling med modern användarupplevelse och omfattande validering.
Professionell filinsamling med smart validering
Perfekt för:
Kraftfulla funktioner för alla användningsfall
📤 Uppladdning av flera filer
En eller flera filer:
Tillåt användare att ladda upp bara en fil eller aktivera flera filuppladdningar. Användare kan välja flera filer samtidigt eller lägga till filer en i taget.
- Smart filhantering:
- Lägg till filer stegvis
- Ta bort enskilda filer innan inskickning
- Se alla valda filer med namn och storlekar
- Tydlig indikation på uppladdningsantal
Min/Max-filkontroller:
När flera uppladdningar är aktiverade, ange minsta och högsta filantal. Kräv minst 2 filer, gräns till 10 filer, eller valfritt intervall som passar dina behov.
Exempel:
- CV-inlämning: endast 1 fil
- Fotogalleri: Minst 3, Max 10 bilder
- Dokumentpaket: Minst 2, Max 5 filer
- Portfolio: Minst 1, Max 20 filer
🎯 Filtypsbegränsningar
7 förkonfigurerade kategorier:
Bilder – jpg, png, gif och alla bildformat
Perfekt för foton, logotyper, skärmdumpar och visuellt innehåll.
Dokument – pdf, doc, docx, txt, odt
Perfekt för CV, rapporter, kontrakt och textdokument.
kalkylblad – xls, xlsx, csv, ods
För datafiler, budgetar, rapporter och beräkningar.
Presentationer – ppt, pptx, odp
Bildspel, pitchpresentationer och visuella rapporter.
Arkiv – zip, rar, 7z, tar, gz
Komprimerade filer, filpaket och säkerhetskopior.
Audio – mp3, wav och alla ljudformat
Musikfiler, röstinspelningar och ljudklipp.
Video – mp4, mov och alla videoformat
Videofiler, inspelningar och multimediainnehåll.
Mix & Match:
Markera flera kategorier för att acceptera olika filtyper. Aktivera Bilder + Dokument för att acceptera både foton och PDF-filer.
📝 Anpassade filtillägg
Ange exakta filtyper:
Utöver de 7 kategorierna, definiera specifika filändelser som du vill acceptera. Ange anpassade filändelser separerade med kommatecken.
Exempel:
- `.jpg, .png, .pdf` – Endast foton och PDF-filer
- `.docx, .pdf, .txt` – Specifika dokumentformat
- `.ai, .psd, .sketch` – Designfiler
- `.dwg, .dxf` – CAD-filer
- `.sql, .db` – Databasfiler
Perfekt kontroll:
Kombinera kryssrutor för kategorier med anpassade filtillägg för exakt kontroll av filtyper. Acceptera bildkategorin plus `.svg` för fullständigt bildstöd.
🖼️ Förhandsgranskningar av filer
Visuell filfeedback:
Aktivera "Visa förhandsgranskningar av filer" för att visa miniatyrbilder för bilder och filikoner för andra typer. Användare ser exakt vad de har valt innan de skickar in.
Förhandsgranskningsfunktioner:
- Miniatyrbilder för foton
- Filtypikoner för dokument
- Visning av filnamn och storlek
- Ta bort-knappen för varje fil
Visuell bekräftelse av uppladdning
Bättre användarupplevelse:
Förhandsgranskningar bekräftar lyckat filval, minskar fel och ger förtroende för att rätt filer är bifogade.
🎨 Anpassad knapptext
Anpassa uppladdningsupplevelsen:
Ändra texten på uppladdningsknappen från "Välj fil" till något som passar formulärets kontext.
Exempel:
- "Ladda upp CV"
- "Välj foton"
- "Bifoga dokument"
- "Lägga till filer"
- "Bläddra bland filer"
- "Välj bilder"
Kontextuellt språk:
Matcha knapptexten med vad användarna laddar upp för tydligare instruktioner och en bättre användarupplevelse.
🔐 Inbyggd säkerhet
Automatisk filvalidering:
Alla uppladdade filer valideras avseende typ och storlek innan de bearbetas. Skadliga filer avvisas automatiskt.
Säkerhetslager:
- Validering av filtyp (filändelse och MIME-typ)
- Filstorleksbegränsningar tillämpas
- Omvalidering på serversidan
- WordPress säkerhetsstandarder
- Sanerade filnamn
Säker filhantering:
Filer lagras säkert med hjälp av WordPress uppladdningskataloger med korrekta behörigheter och säkerhetsåtgärder.
🔀 Villkorlig logik
Dynamiska uppladdningsfält:
Visa eller dölj filuppladdningsfält baserat på andra formulärvärden. Visa uppladdningsalternativ endast när de är relevanta för användarval.
Avancerade logiska regler:
- OCH-logik – Alla villkor måste vara uppfyllda
- ELLER-logik – vilket villkor som helst kan utlösa åtgärden
- 8 operatorer – Lika med, Inte lika med, Större än, Mindre än, Innehåller, Är tom och mer
🎯 Förbättrad användarupplevelse
Inbyggda smarta funktioner:
- Vald fillista – Se alla valda filer med namn och storlekar
- Ta bort enskilda filer – Radera filer innan de skickas in
- Uppladdningsförlopp – Visuell feedback under uppladdningar (med automatisk uppladdning)
- Rensa felmeddelanden – Specifika valideringsfel med vägledning
- Visning av filantal – Visar antalet valda filer
- Obligatorisk validering – Gör filuppladdning obligatorisk
- Hjälptextsupport – Lägg till beskrivningar om filkrav
- Anpassade CSS-klasser – Använd anpassad styling
- Support för tillgänglighet – Kompatibel med tangentbordsnavigering och skärmläsare
- Mobiloptimerad – Inbyggda filväljare på mobila enheter
📏 Filstorleksgränser
Kontrollera uppladdningsstorlekar:
Ange maximal filstorlek per fil i megabyte (MB). Förhindra överdimensionerade uppladdningar som kan bromsa inlämningen eller överskrida servergränserna.
Flexibla gränser:
- Små filer: 1–2 MB för dokument
- Standard: 5 MB för allmänna uppladdningar
- Bilder: 10 MB för foton
- Stora filer: 50 MB+ för videor eller arkiv
Validering per fil:
Storleksgränsen gäller för varje enskild fil, inte den totala uppladdningsstorleken. Användare kan ladda upp 5 filer på 5 MB vardera om du anger en gräns på 5 MB.
Rensa feedback:
Användare ser felmeddelanden om filstorlek omedelbart före inskickning med specifika meddelanden som "Filen överskrider 5 MB-gränsen".
⚡ Automatisk uppladdning vid val
Alternativ för direktuppladdning:
Aktivera "Automatisk uppladdning vid val" för att börja ladda upp filer omedelbart när de är valda, istället för att vänta på att formuläret ska skickas in.
Fördelar:
- Snabbare upplevd prestanda
- Ladda upp stora filer medan användare fyller i andra fält
- Omedelbar bekräftelse av uppladdning
- Feedback under uppladdning
Använd fall:
- Stora filinlämningar (videor, arkiv)
- Flerstegsformulär där filer laddas upp tidigt
- Formulär med många fält att fylla i
- Bättre användarupplevelse för långsamma anslutningar
🎨 Dra och släpp-uppladdning
Modern filval:
Aktivera dra-och-släpp för att låta användare dra filer direkt från skrivbordet eller filhanteraren till uppladdningsområdet. Ingen bläddring krävs.
Dubbla uppladdningsmetoder:
- Traditionell "Välj fil"-knapp
- Dra filer direkt till uppladdningszonen
- Båda metoderna fungerar samtidigt
Visuell feedback:
Uppladdningsområdet markeras när filer dras över, vilket ger en tydlig visuell indikation av släppzonen.
Mobilkompatibel:
Fungerar på datorer med fullständig dra-och-släpp-funktion. Använder standardfilväljaren på mobila enheter.
Enkel installation i 3 steg
Få ditt filuppladdningsfält klart på några minuter
Lägg till fält för filuppladdning
Dra och släpp fältet Filuppladdning från avsnittet Grundläggande fält till ditt formulär.
Ställ in filbegränsningar
Välj tillåtna filtyper (bilder, dokument, etc.), ange maximal filstorlek (t.ex. 5 MB) och aktivera flera filer vid behov med min/max antal.
Aktivera moderna funktioner
Aktivera dra-och-släpp för enklare uppladdningar, aktivera förhandsgranskningar av filer för visuell feedback och anpassa knapptexten så att den matchar formulärets kontext.
???? Det var allt! Ditt filuppladdningsfält är klart med smart validering och modern användarupplevelse.
Verkliga applikationer
Jobbansökningar
* Uppladdning av CV/CV (PDF, DOCX)
* Bilagor till personliga brev
* Inlämning av portfoliofiler
* Uppladdningar av referensdokument
Fotobidrag
* Tävlingsbidrag (flera bilder)
* Bilder på fastighetsannonser
* Produktfotografering
* Uppladdning av foton från evenemanget
Företagsdokument
* Offertförfrågningsfiler
* Kontraktsinlämningar
* Fakturauppladdningar
* Förslagshandlingar
Utbildning
* Inlämning av uppgifter
* Uppladdningar av transkript
* Certifikatdokument
* Inlämning av projektfiler
Support Biljetter
* Bifogade skärmdumpar
* Felloggfiler
* Konfigurationsfiler
* Diagnostiska dokument
Kreativa portföljer
* Inlämning av designfiler
* Uppladdningar av videoportföljer
* Ljudprover
* Exempel på kreativa arbeten
Alternativ för kompletta fält
Grundläggande konfiguration
- Fältetikett – Titeln som visas ovanför filuppladdningsfältet
- Beskrivning/hjälptext – Ytterligare vägledning om filkrav
- Obligatoriskt fält – Gör filuppladdning obligatorisk
- Platshållare – Gäller inte för filuppladdningar
Flera filer
Tillåt flera filer – Låt användare ladda upp mer än en fil åt gången
- När flera filer är aktiverade:
- Minsta antal filer – Minsta antal filer som krävs (t.ex. 1)
- Maximalt antal filer – De flesta filer en användare kan ladda upp (t.ex. 10)
Tillåtna filtyper
Förkonfigurerade kategorier (markera valfri kombination):
- Bilder (jpg, png, gif)
- Dokument (pdf, doc, txt)
- Kalkylblad (xls, csv)
- Presentationer (ppt, pptx)
- Arkiv (zip, rar)
- Ljud (mp3, wav)
- Video (mp4, mov)
Specifika filändelser
Ange anpassade filtyper separerade med kommatecken (t.ex. `.jpg, .png, .pdf, .docx`)
Kontroll av filstorlek
- Maximal filstorlek – Maximal storlek för varje uppladdad fil i megabyte (MB)
- Ange ett nummer som 5 för en gräns på 5 MB
- Lämna tomt för ingen gräns (använder serverns standardinställning)
- Tillämpas per fil, inte total uppladdningsstorlek
Användarupplevelse
- Visa filförhandsgranskningar – Visa miniatyrbilder för bilder och ikoner för andra filer
- Aktivera dra och släpp – Låt användare dra filer direkt till formuläret
- Text för uppladdningsknapp – Anpassa knapptexten (standard: ”Välj fil”)
- Automatisk uppladdning vid val – Börja ladda upp filer omedelbart när du är vald (istället för att vänta på att formuläret ska skickas in)
Villkorad logik
- Aktivera villkorlig logik – Visa/dölj baserat på villkor
- Logik typ
- Alla villkor måste vara uppfyllda (OCH)
- Vilket villkor som helst kan uppfyllas (ELLER)
- Villkorsregler
- Visa/Dölj – Åtgärd att vidta
- Fält – Vilket fält som ska kontrolleras
- Operator – Lika med, Inte lika med, Innehåller, Större än, Mindre än, Är tom, Är inte tom
- Värde – Jämförelsevärde
- Flera villkor – Lägg till obegränsat antal regler
Avancerade alternativ
- Dolt fält – Gör fältet osynligt (rekommenderas inte för filuppladdningar)
- Anpassade CSS-klasser – Använd anpassad styling
- Tillgänglighetsattribut – ARIA-etiketter för skärmläsare
Varför välja vårt filuppladdningsfält?
✅ Flera filer – En eller flera uppladdningar med min/max-kontroller
✅ Smarta begränsningar – 7 filkategorier plus anpassade filtillägg
✅ Storleksgränser – Ange maxstorlek per fil i MB
✅ Dra och släpp – Modern filvalsupplevelse
✅ Filförhandsvisningar – Visuell bekräftelse med miniatyrbilder
✅ Säker – Inbyggd validering och WordPress-säkerhet
✅ Automatisk uppladdning – Valfri direktuppladdning vid val
✅ Användarvänlig – Tydlig feedback och felmeddelanden
✅ Helt integrerat – Fungerar sömlöst med alla formulärfunktioner
Vanliga frågor om partihandel med mat och dryck
F: Hur många filer kan användare ladda upp?
En fil som standard. Aktivera "Tillåt flera filer" för att låta användare ladda upp flera filer. Ställ in min/max-gränser som Min 1, Max 10 för kontrollerade massuppladdningar.
F: Vilka filtyper stöds?
Alla filtyper stöds som standard. Använd kryssrutor för kategorier (bilder, dokument etc.) eller anpassade filtillägg för att begränsa specifika typer baserat på dina behov.
F: Hur begränsar jag filstorleken?
Ange ett värde i fältet ”Maximal filstorlek” (t.ex. 5 för 5 MB). Denna gräns gäller per fil, inte den totala uppladdningsstorleken. Lämna tomt för serverstandardinställningar.
F: Vad är skillnaden mellan kategorier och anpassade tillägg?
Kategorier är förinställda grupper (Bilder = alla bildtyper, Dokument = pdf/doc/txt). Anpassade tillägg låter dig ange exakta format som .svg, .ai, .psd.
F: Hur fungerar dra-och-släpp?
Aktivera "Aktivera dra och släpp" så kan användare dra filer från skrivbordet direkt till uppladdningsområdet. Den traditionella knappen "Välj fil" fungerar fortfarande.
F: Vad är filförhandsgranskningar?
Med "Visa filförhandsgranskningar" aktiverat ser användare miniatyrbilder och filikoner med namn/storlekar för alla valda filer innan de skickas in.
F: Vad gör automatisk uppladdning?
Med "Automatisk uppladdning vid val" aktiverat börjar filer laddas upp direkt när de väljs, istället för att vänta på att formuläret ska skickas in. Perfekt för stora filer.
F: Kan jag kräva specifika filtyper?
Ja. Markera filtypkategorier och/eller ange anpassade filändelser, aktivera sedan "Obligatoriskt fält" för att tvinga fram filuppladdning med dessa begränsningar.
F: Hur accepterar jag endast PDF-filer?
Markera kategorin ”Dokument” om du vill ha alla dokumenttyper inklusive PDF-filer, eller ange .pdf i ”Specifika filändelser” för uppladdningar endast i PDF-format.
F: Vad händer om en fil är för stor?
Användare ser omedelbart ett felmeddelande som ”Filen överskrider 5 MB-gränsen”. De måste välja en mindre fil innan de skickar in formuläret.
Är uppladdade filer säkra?
Ja. Filer valideras för typ och storlek, lagras i WordPress uppladdningskatalog med rätt behörigheter och följer WordPress säkerhetsstandarder.
F: Kan jag acceptera bilder och dokument tillsammans?
Ja. Markera både kategorierna "Bilder" och "Dokument". Användare kan ladda upp valfri kombination av bild- och dokumentfiler.
