Campo di caricamento file
Raccogli documenti, immagini e file in tutta sicurezza. Dai curriculum alle foto, con caricamento tramite trascinamento, restrizioni sul tipo di file, limiti di dimensione e anteprime istantanee: il campo Caricamento file offre una raccolta sicura dei file con un'esperienza utente moderna e una convalida completa.
Raccolta di file professionale con convalida intelligente
Perfetto per:
Funzionalità potenti per ogni caso d'uso
📤 Caricamento di più file
File singoli o multipli:
Consenti agli utenti di caricare un solo file o di abilitare il caricamento di più file. Gli utenti possono selezionare più file contemporaneamente o aggiungerne uno alla volta.
- Gestione intelligente dei file:
- Aggiungi file in modo incrementale
- Rimuovere i singoli file prima dell'invio
- Visualizza tutti i file selezionati con nomi e dimensioni
- Indicazione chiara del conteggio dei caricamenti
Controlli file Min/Max:
Quando sono abilitati i caricamenti multipli, imposta il numero minimo e massimo di file. Richiedi almeno 2 file, limita il numero a 10 file o scegli un intervallo che si adatti alle tue esigenze.
Esempi:
- Invio curriculum: solo 1 file
- Galleria fotografica: Min 3, Max 10 immagini
- Pacchetto documenti: min 2, max 5 file
- Portafoglio: min 1, max 20 file
🎯 Restrizioni sul tipo di file
7 categorie preconfigurate:
Immagini – jpg, png, gif e tutti i formati immagine
Perfetto per foto, loghi, screenshot e contenuti visivi.
Documenti – pdf, doc, docx, txt, odt
Ideale per curriculum, relazioni, contratti e documenti di testo.
Fogli di calcolo – xls, xlsx, csv, ods
Per file di dati, budget, report e calcoli.
Tutte le presentazioni – ppt, pptx, odp
Presentazioni con diapositive, pitch e report visivi.
Post Passati – zip, rar, 7z, tar, gz
File compressi, pacchetti di file e backup.
audio – mp3, wav e tutti i formati audio
File musicali, registrazioni vocali e clip audio.
Video – mp4, mov e tutti i formati video
File video, registrazioni e contenuti multimediali.
Mescola e abbina:
Seleziona più categorie per accettare diversi tipi di file. Abilita Immagini + Documenti per accettare sia foto che PDF.
📝 Estensioni di file personalizzate
Specificare i tipi di file esatti:
Oltre alle 7 categorie, definisci le estensioni di file specifiche che desideri accettare. Inserisci le estensioni personalizzate separate da virgole.
Esempi:
- `.jpg, .png, .pdf` – Solo foto e PDF
- `.docx, .pdf, .txt` – Formati di documenti specifici
- `.ai, .psd, .sketch` – File di progettazione
- `.dwg, .dxf` – file CAD
- `.sql, .db` – File di database
Controllo perfetto:
Combina le caselle di controllo delle categorie con estensioni personalizzate per un controllo preciso del tipo di file. Accetta la categoria Immagini più `.svg` per un supporto completo delle immagini.
🖼️ Anteprime dei file
Feedback visivo sui file:
Abilita "Mostra anteprime file" per visualizzare miniature per le immagini e icone di file per altri tipi. Gli utenti vedono esattamente ciò che hanno selezionato prima di inviarlo.
Funzionalità di anteprima:
- Miniature delle immagini per le foto
- Icone del tipo di file per i documenti
- Visualizzazione del nome e della dimensione del file
- Rimuovi il pulsante per ogni file
Conferma visiva del caricamento
Migliore esperienza utente:
Le anteprime confermano la corretta selezione dei file, riducono gli errori e garantiscono che siano allegati i file corretti.
🎨 Testo del pulsante personalizzato
Personalizza l'esperienza di caricamento:
Cambia il testo del pulsante di caricamento da "Scegli file" a qualsiasi cosa si adatti al contesto del tuo modulo.
Esempi:
- “Carica curriculum”
- “Seleziona foto”
- “Allega documenti”
- "Aggiungere i file"
- "Sfoglia file"
- “Scegli le immagini”
Linguaggio contestuale:
Per istruzioni più chiare e una migliore esperienza utente, abbina il testo del pulsante a ciò che gli utenti stanno caricando.
🔐 Sicurezza integrata
Convalida automatica dei file:
Tutti i file caricati vengono convalidati per tipo e dimensione prima dell'elaborazione. I file dannosi vengono rifiutati automaticamente.
Livelli di sicurezza:
- Validazione del tipo di file (estensione e tipo MIME)
- Limiti di dimensione del file applicati
- Riconvalida lato server
- Standard di sicurezza di WordPress
- Nomi di file sanificati
Gestione sicura dei file:
I file vengono archiviati in modo sicuro utilizzando le directory di caricamento di WordPress con le autorizzazioni e le misure di sicurezza appropriate.
🔀 Logica condizionale
Campi di caricamento dinamici:
Mostra o nascondi i campi di caricamento file in base ad altri valori del modulo. Visualizza le opzioni di caricamento solo quando pertinenti alle selezioni dell'utente.
Regole logiche avanzate:
- Logica AND: tutte le condizioni devono essere soddisfatte
- Logica OR: qualsiasi condizione può attivare l'azione
- 8 operatori: uguale, diverso, maggiore, minore, contiene, è vuoto e altro ancora
🎯 Esperienza utente migliorata
Funzionalità intelligenti integrate:
- Elenco file selezionati – Visualizza tutti i file scelti con nomi e dimensioni
- Rimuovi singoli file – Eliminare i file prima dell’invio
- Caricamento in corso – Feedback visivo durante i caricamenti (con caricamento automatico)
- Cancella i messaggi di errore – Errori di convalida specifici con guida
- Visualizzazione del conteggio dei file – Mostra il numero di file selezionati
- Convalida richiesta – Rendere obbligatorio il caricamento dei file
- Supporto testo di aiuto – Aggiungere descrizioni sui requisiti dei file
- Classi CSS personalizzate – Applica uno stile personalizzato
- Supporto di accessibilità – Compatibile con la navigazione tramite tastiera e con lo screen reader
- Mobile ottimizzato – Selettori di file nativi sui dispositivi mobili
📏 Limiti di dimensione dei file
Controlla le dimensioni del caricamento:
Imposta la dimensione massima per file in megabyte (MB). Evita caricamenti di dimensioni eccessive che potrebbero rallentare l'invio o superare i limiti del server.
Limiti flessibili:
- File di piccole dimensioni: 1-2 MB per i documenti
- Standard: 5 MB per caricamenti generali
- Immagini: 10 MB per le foto
- File di grandi dimensioni: 50 MB+ per video o archivi
Convalida per file:
Il limite di dimensione si applica a ogni singolo file, non alla dimensione totale del caricamento. Gli utenti possono caricare 5 file da 5 MB ciascuno se si imposta un limite di 5 MB.
Feedback chiaro:
Gli utenti visualizzano errori relativi alle dimensioni del file immediatamente prima dell'invio, con messaggi specifici come "Il file supera il limite di 5 MB".
⚡ Caricamento automatico alla selezione
Opzione di caricamento istantaneo:
Abilita "Caricamento automatico alla selezione" per iniziare a caricare i file immediatamente dopo la selezione, anziché attendere l'invio del modulo.
Vantaggi:
- Prestazioni percepite più rapide
- Carica file di grandi dimensioni mentre gli utenti compilano altri campi
- Conferma immediata del caricamento
- Feedback sui progressi durante il caricamento
Casi d'uso:
- Invio di file di grandi dimensioni (video, archivi)
- Moduli multi-step in cui i file vengono caricati in anticipo
- Moduli con molti campi da compilare
- Migliore UX per connessioni lente
🎨 Caricamento tramite trascinamento della selezione
Selezione file moderna:
Abilita la funzione drag-and-drop per consentire agli utenti di trascinare i file direttamente dal desktop o dal browser dei file nell'area di caricamento. Non è richiesta alcuna navigazione.
Metodi di caricamento doppi:
- Pulsante tradizionale "Scegli file"
- Trascina i file direttamente nella zona di caricamento
- Entrambi i metodi funzionano simultaneamente
Feedback visivo:
L'area di caricamento viene evidenziata quando i file vengono trascinati, fornendo una chiara indicazione visiva della zona di rilascio.
Compatibile con dispositivi mobili:
Funziona su desktop con trascinamento completo. Sui dispositivi mobili, utilizza il selettore file standard.
Configurazione semplice in 3 passaggi
Prepara il tuo campo di caricamento file in pochi minuti
Aggiungi campo caricamento file
Trascina e rilascia il campo Caricamento file dalla sezione Campi di base nel tuo modulo.
Imposta restrizioni sui file
Scegli i tipi di file consentiti (immagini, documenti, ecc.), imposta la dimensione massima del file (ad esempio 5 MB) e abilita più file se necessario con conteggio minimo/massimo.
Abilita le funzionalità moderne
Attiva la funzione drag-and-drop per caricare i file più facilmente, abilita le anteprime dei file per un feedback visivo e personalizza il testo dei pulsanti in modo che corrisponda al contesto del tuo modulo.
."🎉 Ecco fatto! Il campo di caricamento file è pronto con convalida intelligente e un'esperienza utente moderna.
Applicazioni del mondo reale
Domande di lavoro
* Caricamento del curriculum/CV (PDF, DOCX)
* Allegati alla lettera di presentazione
* Invio di file di portfolio
* Caricamento di documenti di riferimento
Invio di foto
* Partecipazioni al concorso (immagini multiple)
* Foto dell'annuncio immobiliare
* Fotografia del prodotto
* Caricamento foto dell'evento
Documenti aziendali
* File di richiesta preventivo
* Presentazione del contratto
* Caricamento fatture
* Documenti di proposta
Formazione
* Consegna dei compiti
* Caricamento delle trascrizioni
* Documenti di certificazione
* Invio di file di progetto
Tickets di supporto
* Allegati screenshot
* File di registro degli errori
* File di configurazione
* Documenti diagnostici
Portfolio creativi
* Invio di file di progettazione
* Caricamento del portfolio video
* Campioni audio
* Esempi di lavori creativi
Completa le opzioni del campo
Configurazione di base
- Etichetta del campo: il titolo mostrato sopra il campo di caricamento del file
- Descrizione/Testo di aiuto – Ulteriori indicazioni sui requisiti dei file
- Campo obbligatorio: rendere obbligatorio il caricamento del file
- Segnaposto – Non applicabile per i caricamenti di file
File multipli
Consenti più file: consente agli utenti di caricare più di un file alla volta
- Quando sono abilitati più file:
- File minimi: numero minimo di file richiesti (ad esempio, 1)
- Numero massimo di file: la maggior parte dei file che un utente può caricare (ad esempio, 10)
Tipi di file consentiti
Categorie preconfigurate (selezionare qualsiasi combinazione):
- Immagini (jpg, png, gif)
- Documenti (pdf, doc, txt)
- Fogli di calcolo (xls, csv)
- Presentazioni (ppt, pptx)
- Archivi (zip, rar)
- Audio (mp3, wav)
- Video (mp4, mov)
Estensioni di file specifiche
Inserisci i tipi di file personalizzati separati da virgole (ad esempio, `.jpg, .png, .pdf, .docx`)
Controllo delle dimensioni del file
- Dimensione massima del file: dimensione massima per ogni file caricato in megabyte (MB)
- Inserisci un numero come 5 per il limite di 5 MB
- Lasciare vuoto per nessun limite (utilizza l'impostazione predefinita del server)
- Applicato per file, non per dimensione totale del caricamento
Esperienza da Utente
- Mostra anteprime file: mostra miniature per le immagini e icone per altri file
- Abilita trascinamento della selezione: consente agli utenti di trascinare i file direttamente sul modulo
- Carica testo pulsante – Personalizza il testo del pulsante (predefinito: “Scegli file”)
- Caricamento automatico alla selezione: avvia il caricamento dei file immediatamente dopo la selezione (invece di attendere l'invio del modulo)
Logica condizionale
- Abilita logica condizionale: mostra/nascondi in base alle condizioni
- Tipo logico
- Tutte le condizioni devono essere soddisfatte (E)
- Qualsiasi condizione può essere soddisfatta (OR)
- Regole di condizione
- Mostra/Nascondi – Azione da intraprendere
- Campo – Quale campo controllare
- Operatore – Uguale, Non uguale, Contiene, Maggiore di, Minore di, È vuoto, Non è vuoto
- Valore – Valore di confronto
- Condizioni multiple: aggiungi regole illimitate
Opzioni avanzate
- Campo nascosto: rende il campo invisibile (non consigliato per il caricamento di file)
- Classi CSS personalizzate: applica stili personalizzati
- Attributi di accessibilità: etichette ARIA per lettori di schermo
Perché scegliere il nostro campo di caricamento file?
✅ File multipli: caricamenti singoli o multipli con controlli min/max
✅ Restrizioni intelligenti: 7 categorie di file più estensioni personalizzate
✅ Limiti di dimensione: imposta la dimensione massima per file in MB
✅ Trascina e rilascia: esperienza moderna di selezione dei file
✅ Anteprime dei file: conferma visiva con miniature
✅ Sicuro: convalida integrata e sicurezza WordPress
✅ Caricamento automatico: caricamento istantaneo opzionale su selezione
✅ Facile da usare: feedback chiari e messaggi di errore
✅ Completamente integrato: funziona perfettamente con tutte le funzionalità del modulo
Domande frequenti
D: Quanti file possono caricare gli utenti?
File singolo per impostazione predefinita. Abilita "Consenti più file" per consentire agli utenti di caricare più file. Imposta limiti minimi/massimi come Min 1, Max 10 per caricamenti multipli controllati.
D: Quali tipi di file sono supportati?
Tutti i tipi di file sono supportati di default. Utilizza le caselle di controllo delle categorie (Immagini, Documenti, ecc.) o le estensioni personalizzate per limitare tipi specifici in base alle tue esigenze.
D: Come posso limitare le dimensioni dei file?
Inserisci un numero nel campo "Dimensione massima file" (ad esempio, 5 per 5 MB). Questo limite si applica al singolo file, non alla dimensione totale del caricamento. Lascia vuoto per le impostazioni predefinite del server.
D: Qual è la differenza tra categorie ed estensioni personalizzate?
Le categorie sono gruppi preimpostati (Immagini = tutti i tipi di immagini, Documenti = pdf/doc/txt). Le estensioni personalizzate consentono di specificare formati esatti come .svg, .ai, .psd.
D: Come funziona il trascinamento della selezione?
Abilitando "Abilita trascinamento" gli utenti potranno trascinare i file dal desktop direttamente nell'area di caricamento. Anche il tradizionale pulsante "Scegli file" continuerà a funzionare.
D: Cosa sono le anteprime dei file?
Abilitando "Mostra anteprime file", gli utenti visualizzano le miniature delle immagini e le icone dei file con nomi/dimensioni per tutti i file selezionati prima dell'invio.
D: A cosa serve il caricamento automatico?
Abilitando l'opzione "Caricamento automatico alla selezione", i file vengono caricati immediatamente dopo la selezione, anziché attendere l'invio del modulo. Ideale per file di grandi dimensioni.
D: Posso richiedere tipi di file specifici?
Sì. Seleziona le categorie dei tipi di file e/o inserisci estensioni personalizzate, quindi abilita "Campo obbligatorio" per forzare il caricamento dei file con tali restrizioni.
D: Come faccio ad accettare solo file PDF?
Seleziona la categoria "Documenti" se desideri caricare tutti i tipi di documenti, inclusi i PDF, oppure inserisci .pdf in "Estensioni file specifiche" per caricare solo PDF.
D: Cosa succede se un file è troppo grande?
Gli utenti visualizzano immediatamente un messaggio di errore del tipo "Il file supera il limite di 5 MB". Devono selezionare un file più piccolo prima di inviare il modulo.
I file caricati sono sicuri?
Sì. I file vengono convalidati per tipo e dimensione, archiviati nella directory di caricamento di WordPress con le autorizzazioni appropriate e rispettano gli standard di sicurezza di WordPress.
D: Posso accettare immagini e documenti insieme?
Sì. Seleziona entrambe le categorie "Immagini" e "Documenti". Gli utenti possono caricare qualsiasi combinazione di file immagine e documento.
