Tiedoston latauskenttä
Kerää asiakirjoja, kuvia ja tiedostoja luottavaisin mielin. Ansioluetteloista valokuviin vetämällä ja pudottamalla tapahtuvalla latauksella, tiedostotyyppirajoituksilla, kokorajoituksilla ja välittömillä esikatseluilla – Tiedoston lataus -kenttä tarjoaa turvallisen tiedostojen keräämisen modernilla käyttöliittymällä ja kattavalla validoinnilla.
Ammattimainen tiedostojen kerääminen älykkäällä validoinnilla
Täydellinen:
Tehokkaita ominaisuuksia jokaiseen käyttötarkoitukseen
📤 Useiden tiedostojen lataus
Yksittäiset tai useat tiedostot:
Salli käyttäjien ladata vain yhden tiedoston tai ottaa käyttöön useiden tiedostojen lataukset. Käyttäjät voivat valita useita tiedostoja kerralla tai lisätä tiedostoja yksi kerrallaan.
- Älykäs tiedostonhallinta:
- Lisää tiedostoja vähitellen
- Poista yksittäiset tiedostot ennen lähettämistä
- Näytä kaikki valitut tiedostot nimineen ja kokoineen
- Selkeä latauskerran ilmaisin
Min/Max-tiedoston säätimet:
Kun useita latauksia on käytössä, aseta tiedostojen vähimmäis- ja enimmäismäärä. Vaadi vähintään kaksi tiedostoa, rajoita 10 tiedostoon tai mikä tahansa tarpeisiisi sopiva määrä.
Esimerkkejä:
- Ansioluettelon lähetys: vain 1 tiedosto
- Kuvagalleria: Vähintään 3, enintään 10 kuvaa
- Asiakirjapaketti: Vähintään 2, enintään 5 tiedostoa
- Portfolio: Vähintään 1, enintään 20 tiedostoa
🎯 Tiedostotyyppirajoitukset
7 esimääritettyä luokkaa:
kuvat – jpg, png, gif ja kaikki kuvamuodot
Täydellinen valokuville, logoille, kuvakaappauksille ja visuaaliselle sisällölle.
asiakirjat – pdf, doc, docx, txt, odt
Ihanteellinen ansioluetteloihin, raportteihin, sopimuksiin ja tekstiasiakirjoihin.
Spreadsheets – xls, xlsx, csv, ods
Datatiedostoille, budjeteille, raporteille ja laskelmille.
Esitykset – ppt, pptx, odp
Diaesitykset, pitch-esitykset ja visuaaliset raportit.
arkisto – zip, rar, 7z, tar, gz
Pakatut tiedostot, tiedostopaketit ja varmuuskopiot.
Audio- – mp3, wav ja kaikki äänitiedostomuodot
Musiikkitiedostot, äänitallenteet ja äänileikkeet.
Video – mp4, mov ja kaikki videomuodot
Videotiedostot, tallenteet ja multimediasisältö.
Mix & Match:
Valitse useita luokkia hyväksyäksesi erilaisia tiedostotyyppejä. Ota Kuvat + Dokumentit käyttöön hyväksyäksesi sekä valokuvat että PDF-tiedostot.
📝 Mukautetut tiedostopäätteet
Määritä tarkat tiedostotyypit:
Määritä seitsemän luokan lisäksi tietyt tiedostopäätteet, jotka haluat hyväksyä. Syötä mukautetut päätteet pilkuilla erotettuina.
Esimerkkejä:
- `.jpg, .png, .pdf` – Vain valokuvat ja PDF-tiedostot
- `.docx, .pdf, .txt` – Tietyt asiakirjamuodot
- `.ai, .psd, .sketch` – Suunnittelutiedostot
- `.dwg, .dxf` – CAD-tiedostot
- `.sql, .db` – Tietokantatiedostot
Täydellinen hallinta:
Yhdistä luokkien valintaruudut mukautettuihin tiedostopäätteisiin tarkkaa tiedostotyypin hallintaa varten. Hyväksy Kuvat-kategoria ja `.svg`-tiedostot täydellisen kuvatuen saamiseksi.
🖼️ Tiedostojen esikatselut
Visuaalisen tiedoston palaute:
Ota käyttöön ”Näytä tiedostojen esikatselut” -asetus, jos haluat näyttää kuvien pikkukuvat ja muiden tiedostotyyppien kuvakkeet. Käyttäjät näkevät tarkalleen, mitä he ovat valinneet ennen lähettämistä.
Esikatseluominaisuudet:
- Kuvien pikkukuvat
- Dokumenttien tiedostotyyppien kuvakkeet
- Tiedostonimen ja koon näyttö
- Poista-painike kullekin tiedostolle
Visuaalinen latauksen vahvistus
Parempi käyttökokemus:
Esikatselut vahvistavat tiedostovalinnan onnistumisen, vähentävät virheitä ja antavat varmuuden siitä, että oikeat tiedostot on liitetty.
🎨 Mukautettu painikkeen teksti
Personoi latauskokemus:
Muuta latauspainikkeen teksti ”Valitse tiedosto” -tilasta mihin tahansa lomakkeen kontekstiin sopivaan muotoon.
Esimerkkejä:
- "Lataa ansioluettelo"
- "Valitse kuvat"
- "Liitä asiakirjat"
- "Lisää tiedostoja"
- "Selaa tiedostoja"
- "Valitse kuvat"
Kontekstuaalinen kieli:
Sovita painikkeen teksti käyttäjien lataamaan sisältöön selkeämpien ohjeiden ja paremman käyttökokemuksen saamiseksi.
🔐 Sisäänrakennettu suojaus
Automaattinen tiedostojen validointi:
Kaikkien ladattujen tiedostojen tyyppi ja koko tarkistetaan ennen käsittelyä. Haitalliset tiedostot hylätään automaattisesti.
Suojauskerrokset:
- Tiedostotyypin validointi (tiedostopääte ja MIME-tyyppi)
- Tiedostokokorajoituksia noudatetaan
- Palvelinpuolen uudelleenvahvistus
- WordPressin tietoturvastandardit
- Puhdistettujen tiedostojen nimet
Turvallinen tiedostojen käsittely:
Tiedostot tallennetaan turvallisesti WordPressin lataushakemistoihin asianmukaisin käyttöoikeuksin ja turvatoimin.
🔀 Ehdollinen logiikka
Dynaamiset latauskentät:
Näytä tai piilota tiedostojen latauskentät muiden lomakearvojen perusteella. Näytä latausvaihtoehdot vain, jos ne ovat olennaisia käyttäjän valintojen kannalta.
Edistyneet logiikan säännöt:
- JA-logiikka – Kaikkien ehtojen on täytyttävä
- TAI-logiikka – Mikä tahansa ehto voi laukaista toiminnon
- 8 operaattoria – Yhtä suuri kuin, Ei yhtä suuri kuin, Suurempi kuin, Pienempi kuin, Sisältää, On tyhjä ja paljon muuta
🎯 Parannettu käyttökokemus
Sisäänrakennetut älyominaisuudet:
- Valittujen tiedostojen luettelo – Katso kaikki valitut tiedostot nimineen ja kokoineen
- Poista yksittäisiä tiedostoja – Poista tiedostot ennen lähettämistä
- Latauksen edistyminen – Visuaalinen palaute latausten aikana (automaattisella latauksella)
- Tyhjennä virheilmoitukset – Erityiset validointivirheet ohjeineen
- Tiedostomäärän näyttö – Näyttää valittujen tiedostojen määrän
- Vaadittu vahvistus – Tee tiedostojen lataaminen pakolliseksi
- Ohjeteksti Tuki – Lisää kuvaukset tiedostovaatimuksista
- Mukautetut CSS-luokat – Käytä mukautettua tyyliä
- Esteettömyystuki – Yhteensopiva näppäimistönavigoinnin ja näytönlukijan kanssa
- Mobiili optimoitu – Natiivit tiedostovalitsimet mobiililaitteissa
📏 Tiedostokokorajoitukset
Latausten koon hallinta:
Aseta tiedostojen enimmäiskoko megatavuina (MB). Estä ylisuuret lataukset, jotka voivat hidastaa lähetystä tai ylittää palvelimen rajoitukset.
Joustavat rajat:
- Pienet tiedostot: 1–2 Mt asiakirjoille
- Vakio: 5 Mt yleisille latauksille
- Kuvat: 10 Mt valokuville
- Suuret tiedostot: yli 50 Mt videoille tai arkistoille
Tiedostokohtainen validointi:
Kokorajoitus koskee yksittäisiä tiedostoja, ei kokonaislatauskokoa. Käyttäjät voivat ladata viisi 5 Mt:n kokoista tiedostoa, jos asetat 5 Mt:n rajan.
Tyhjennä palaute:
Käyttäjät näkevät tiedostokokovirheitä juuri ennen lähettämistä tiedoilla, kuten ”Tiedosto ylittää 5 Mt:n rajan”.
⚡ Lataa automaattisesti valinnan yhteydessä
Pikalatausvaihtoehto:
Ota käyttöön ”Automaattinen lataus valinnan yhteydessä”, jos haluat aloittaa tiedostojen latauksen heti valinnan jälkeen sen sijaan, että odottaisit lomakkeen lähettämistä.
Hyödyt:
- Nopeampi havaittu suorituskyky
- Lataa suuria tiedostoja käyttäjien täyttäessä muita kenttiä
- Välitön latauksen vahvistus
- Edistymispalaute latauksen aikana
Käytä koteloita:
- Suurten tiedostojen lähettäminen (videot, arkistot)
- Monivaiheiset lomakkeet, joissa tiedostot latautuvat aikaisin
- Lomakkeet, joissa on paljon täytettäviä kenttiä
- Parempi käyttökokemus hitaille yhteyksille
🎨 Vedä ja pudota -lähetys
Moderni tiedostovalinta:
Ota käyttöön vetäminen ja pudottaminen, jotta käyttäjät voivat vetää tiedostoja suoraan työpöydältä tai tiedostoselaimesta latausalueelle. Selaamista ei tarvita.
Kaksoislatausmenetelmät:
- Perinteinen ”Valitse tiedosto” -painike
- Vedä tiedostot suoraan latausalueelle
- Molemmat menetelmät toimivat samanaikaisesti
Visuaalinen palaute:
Latausalue korostuu, kun tiedostoja vedetään sen yli, mikä antaa selkeän visuaalisen kuvan pudotusalueesta.
Mobiiliyhteensopiva:
Toimii työpöytäversiossa täydellä vedä ja pudota -toiminnolla. Mobiililaitteilla palaa tavalliseen tiedostovalitsimeen.
Yksinkertainen asennus 3 vaiheessa
Valmistele tiedostojen latauskenttäsi muutamassa minuutissa
Lisää tiedoston latauskenttä
Vedä ja pudota Tiedoston lataus -kenttä Peruskentät-osiosta lomakkeeseen.
Aseta tiedostorajoitukset
Valitse sallitut tiedostotyypit (kuvat, dokumentit jne.), aseta tiedoston enimmäiskoko (esim. 5 Mt) ja ota tarvittaessa käyttöön useita tiedostoja min/max-määrällä.
Ota käyttöön modernit ominaisuudet
Ota käyttöön vetäminen ja pudottaminen helpottaaksesi latausta, ota käyttöön tiedostojen esikatselut visuaalista palautetta varten ja mukauta painikkeiden tekstiä vastaamaan lomakkeen kontekstia.
🎉 Siinä kaikki! Tiedoston latauskenttäsi on valmis älykkäällä validoinnilla ja modernilla käyttöliittymällä.
Reaalimaailman sovellukset
Työhakemukset
* Ansioluettelon/CV:n lataukset (PDF, DOCX)
* Saatekirjeen liitteet
* Portfoliotiedostojen lähettäminen
* Viiteasiakirjojen lataukset
Valokuvien lähettäminen
* Kilpailutyöt (useita kuvia)
* Kiinteistölistauskuvat
* Tuotekuvaus
* Tapahtumakuvien lataukset
Yritysasiakirjat
* Tarjouspyyntötiedostot
* Sopimusten jättäminen
* Laskujen lataukset
* Tarjousasiakirjat
Oppilaitokset
* Tehtävien palautukset
* Transkriptioiden lataukset
* Todistusasiakirjat
* Projektitiedostojen lähettäminen
Tuki Liput
* Kuvakaappausliitteet
* Virhelokitiedostot
* Konfiguraatiotiedostot
* Diagnostiset asiakirjat
Luovat portfoliot
* Suunnittelutiedostojen lähettäminen
* Videoportfolion lataukset
* Ääninäytteet
* Luovan työn esimerkkejä
Täydelliset kenttäasetukset
Peruskokoonpano
- Kentän otsikko – Tiedoston latauskentän yläpuolella näkyvä otsikko
- Kuvaus/ohjeteksti – Lisäohjeita tiedostovaatimuksista
- Pakollinen kenttä – Tee tiedoston lataamisesta pakollista
- Paikkamerkki – Ei sovellu tiedostojen latauksiin
Useita tiedostoja
Salli useita tiedostoja – Anna käyttäjien ladata useita tiedostoja kerrallaan
- Kun useat tiedostot ovat käytössä:
- Tiedostojen vähimmäismäärä – Vaadittujen tiedostojen vähimmäismäärä (esim. 1)
- Tiedostojen enimmäismäärä – Käyttäjän lataamien tiedostojen enimmäismäärä (esim. 10)
Sallitut tiedostotyypit
Esimääritetyt kategoriat (valitse mikä tahansa yhdistelmä):
- Kuvat (jpg, png, gif)
- Asiakirjat (pdf, doc, txt)
- Taulukkolaskentataulukot (xls, csv)
- Esitykset (ppt, pptx)
- Arkistot (zip, rar)
- Ääni (mp3, wav)
- Video (mp4, mov)
Tietyt tiedostopäätteet
Syötä mukautetut tiedostotyypit pilkuilla erotettuina (esim. `.jpg, .png, .pdf, .docx`)
Tiedostokoon hallinta
- Tiedoston enimmäiskoko – Kunkin ladatun tiedoston enimmäiskoko megatavuina (MB)
- Syötä numero, kuten 5, jos haluat 5 Mt:n rajan
- Jätä tyhjäksi, jos et halua rajoitusta (käyttää palvelimen oletusarvoa)
- Sovelletaan tiedostokohtaisesti, ei kokonaislatauskokoa
Käyttäjäkokemus
- Näytä tiedostojen esikatselut – Näytä kuvien pikkukuvat ja muiden tiedostojen kuvakkeet
- Ota käyttöön vetäminen ja pudottaminen – Anna käyttäjien vetää tiedostoja suoraan lomakkeeseen
- Latauspainikkeen teksti – Mukauta painikkeen tekstiä (oletus: ”Valitse tiedosto”)
- Automaattinen lataus valinnan jälkeen – Aloita tiedostojen lataus heti valinnan jälkeen (sen sijaan, että odottaisit lomakkeen lähettämistä)
Ehdollinen logiikka
- Ota käyttöön ehdollinen logiikka – Näytä/piilota ehtojen perusteella
- Logiikkatyyppi
- Kaikkien ehtojen on täytyttävä (JA)
- Mikä tahansa ehto voi täyttyä (TAI)
- Ehtosäännöt
- Näytä/Piilota – Suoritettava toiminto
- Kenttä – Tarkistettava kenttä
- Operaattori – Yhtä suuri kuin, Ei yhtä suuri kuin, Sisältää, Suurempi kuin, Pienempi kuin, On tyhjä, Ei ole tyhjä
- Arvo – Vertailuarvo
- Useita ehtoja – Lisää rajattomasti sääntöjä
Lisäasetukset
- Piilotettu kenttä – Tee kentästä näkymätön (ei suositella tiedostojen lataamiseen)
- Mukautetut CSS-luokat – Käytä mukautettuja tyylejä
- Esteettömyysominaisuudet – ARIA-tunnisteet näytönlukijoille
Miksi valita tiedostojen latauskenttämme?
✅ Useita tiedostoja – Yksittäiset tai useat lataukset min/max-säätimillä
✅ Älykkäät rajoitukset – 7 tiedostoluokkaa ja mukautettavat tiedostopäätteet
✅ Kokorajoitukset – Aseta tiedoston enimmäiskoko megatavuina
✅ Vedä ja pudota – Moderni tiedostojen valintakokemus
✅ Tiedostojen esikatselut – Visuaalinen vahvistus pikkukuvien avulla
✅ Turvallinen – Sisäänrakennettu validointi ja WordPress-tietoturva
✅ Automaattinen lataus – Valinnainen välitön lataus valinnan jälkeen
✅ Käyttäjäystävällinen – Selkeät palautteet ja virheilmoitukset
✅ Täysin integroitu – Toimii saumattomasti kaikkien lomakeominaisuuksien kanssa
Usein Kysytyt Kysymykset
K: Kuinka monta tiedostoa käyttäjät voivat ladata?
Oletusarvoisesti yksi tiedosto. Ota käyttöön ”Salli useita tiedostoja” -asetus, jos haluat käyttäjien ladata useita tiedostoja. Aseta minimi-/maksimirajoitukset, kuten Min 1, Max 10, hallittuja joukkolatauksia varten.
K: Mitä tiedostotyyppejä tuetaan?
Kaikki tiedostotyypit ovat oletusarvoisesti tuettuja. Käytä luokkien valintaruutuja (kuvat, dokumentit jne.) tai mukautettuja tiedostopäätteitä rajoittaaksesi tiettyjä tyyppejä tarpeidesi mukaan.
K: Miten rajoitan tiedostokokoa?
Kirjoita luku "Tiedoston enimmäiskoko" -kenttään (esim. 5, jos tiedoston koko on 5 Mt). Tämä rajoitus koskee tiedostoa kohden, ei kokonaislatauskokoa. Jätä tyhjäksi palvelimen oletusasetuksia varten.
K: Mitä eroa on luokilla ja mukautetuilla laajennuksilla?
Luokat ovat valmiita ryhmiä (Kuvat = kaikki kuvatyypit, Dokumentit = pdf/doc/txt). Mukautettujen tiedostopäätteiden avulla voit määrittää tarkat muodot, kuten .svg, .ai, .psd.
K: Miten vetäminen ja pudottaminen toimii?
Ota käyttöön ”Ota käyttöön vetäminen ja pudottaminen”, niin käyttäjät voivat vetää tiedostoja työpöydältään suoraan latausalueelle. Perinteinen ”Valitse tiedosto” -painike toimii edelleen.
K: Mitä ovat tiedostojen esikatselut?
Kun ”Näytä tiedostojen esikatselut” on käytössä, käyttäjät näkevät kaikkien valittujen tiedostojen pikkukuvat ja tiedostokuvakkeet nimineen/kokoineen ennen lähettämistä.
K: Mitä automaattinen lataus tekee?
Kun ”Automaattinen lataus valinnan yhteydessä” on käytössä, tiedostojen lataus alkaa heti valinnan jälkeen sen sijaan, että odottaisi lomakkeen lähettämistä. Sopii erinomaisesti suurille tiedostoille.
K: Voinko vaatia tiettyjä tiedostotyyppejä?
Kyllä. Tarkista tiedostotyyppien luokat ja/tai anna mukautettuja tiedostopäätteitä ja ota sitten käyttöön "Pakollinen kenttä" pakottaaksesi tiedoston latauksen näillä rajoituksilla.
K: Miten hyväksyn vain PDF-tiedostoja?
Valitse ”Dokumentit”-kategoria, jos haluat kaikki dokumenttityypit, mukaan lukien PDF-tiedostot, tai kirjoita .pdf kohtaan ”Tietyt tiedostopäätteet”, jos haluat ladata vain PDF-tiedostoja.
K: Mitä tapahtuu, jos tiedosto on liian suuri?
Käyttäjät näkevät välittömästi virheilmoituksen, kuten ”Tiedosto ylittää 5 Mt:n rajan”. Heidän on valittava pienempi tiedosto ennen lomakkeen lähettämistä.
Ovatko ladatut tiedostot turvassa?
Kyllä. Tiedostojen tyyppi ja koko validoidaan, ne tallennetaan WordPressin lataushakemistoon asianmukaisilla käyttöoikeuksilla ja ne noudattavat WordPressin tietoturvastandardeja.
K: Voinko hyväksyä kuvia ja asiakirjoja yhdessä?
Kyllä. Valitse sekä "Kuvat"- että "Asiakirjat"-kategoriat. Käyttäjät voivat ladata minkä tahansa yhdistelmän kuva- ja asiakirjatiedostoja.
