Camp de càrrega de fitxers
Recopila documents, imatges i fitxers amb confiança. Des de currículums fins a fotos amb càrrega d'arrossegar i deixar anar, restriccions de tipus de fitxer, límits de mida i previsualitzacions instantànies: el camp Càrrega de fitxers proporciona una recopilació segura de fitxers amb una experiència d'usuari moderna i una validació completa.
Recopilació professional de fitxers amb validació intel·ligent
Perfecte per:
Funcions potents per a cada cas d'ús
📤 Càrrega de diversos fitxers
Fitxers individuals o múltiples:
Permet que els usuaris només pengin un fitxer o que es puguin carregar diversos fitxers. Els usuaris poden seleccionar diversos fitxers alhora o afegir fitxers d'un en un.
- Gestió intel·ligent d'arxius:
- Afegir fitxers incrementalment
- Elimina els fitxers individuals abans de l'enviament
- Veure tots els fitxers seleccionats amb noms i mides
- Indicació clara del recompte de càrregues
Controls de fitxer mínim/màxim:
Quan les càrregues múltiples estiguin habilitades, defineix el nombre mínim i màxim de fitxers. Calen com a mínim 2 fitxers, limita'ls a 10 fitxers o qualsevol interval que s'adapti a les teves necessitats.
Exemples:
- Enviament del currículum: només 1 fitxer
- Galeria de fotos: Mínim 3, Màxim 10 imatges
- Paquet de documents: Mínim 2, Màxim 5 fitxers
- Portfolio: Mín 1, Màxim 20 fitxers
🎯 Restriccions de tipus de fitxer
7 categories preconfigurades:
imatges – jpg, png, gif i tots els formats d'imatge
Perfecte per a fotos, logotips, captures de pantalla i contingut visual.
documents – pdf, doc, docx, txt, odt
Ideal per a currículums, informes, contractes i documents de text.
Fulls de càlcul – xls, xlsx, csv, ods
Per a fitxers de dades, pressupostos, informes i càlculs.
Presentacions – ppt, pptx, odp
Presentacions de diapositives, presentacions de propostes i informes visuals.
arxiu – zip, rar, 7z, tar, gz
Fitxers comprimits, paquets de fitxers i còpies de seguretat.
Audio – mp3, wav i tots els formats d'àudio
Fitxers de música, enregistraments de veu i clips de so.
Vídeo – mp4, mov i tots els formats de vídeo
Fitxers de vídeo, gravacions i contingut multimèdia.
Mix & Match:
Marqueu diverses categories per acceptar diversos tipus de fitxers. Habiliteu Imatges + Documents per acceptar tant fotos com PDF.
📝 Extensions de fitxer personalitzades
Especifiqueu els tipus de fitxer exactes:
A més de les 7 categories, defineix les extensions de fitxer específiques que vulguis acceptar. Introdueix extensions personalitzades separades per comes.
Exemples:
- `.jpg, .png, .pdf` – Només fotos i PDF
- `.docx, .pdf, .txt` – Formats de document específics
- `.ai, .psd, .sketch` – Fitxers de disseny
- `.dwg, .dxf` – fitxers CAD
- `.sql, .db` – Fitxers de base de dades
Control perfecte:
Combina les caselles de selecció de categoria amb extensions personalitzades per a un control precís del tipus de fitxer. Accepta la categoria Imatges més `.svg` per a una compatibilitat completa amb les imatges.
🖼️ Previsualitzacions de fitxers
Comentaris sobre el fitxer visual:
Activeu "Mostra les previsualitzacions de fitxers" per mostrar miniatures de les imatges i icones de fitxers per a altres tipus. Els usuaris veuen exactament què han seleccionat abans d'enviar.
Funcions de previsualització:
- Miniatures d'imatges per a fotos
- Icones de tipus de fitxer per a documents
- Visualització del nom i la mida del fitxer
- Botó Elimina per a cada fitxer
Confirmació visual de la càrrega
Millor experiència d'usuari:
Les previsualitzacions confirmen la selecció correcta de fitxers, redueixen els errors i proporcionen confiança que s'han adjuntat els fitxers correctes.
🎨 Text de botó personalitzat
Personalitza l'experiència de càrrega:
Canvia el text del botó de pujada de "Selecciona fitxer" a qualsevol que s'adapti al context del formulari.
Exemples:
- "Puja el currículum"
- "Selecciona fotos"
- "Adjuntar documents"
- "Afegeix arxius"
- "Navega pels fitxers"
- "Selecciona imatges"
Llenguatge contextual:
Fes coincidir el text del botó amb el que els usuaris pengen per obtenir instruccions més clares i una millor experiència d'usuari.
🔐 Seguretat integrada
Validació automàtica de fitxers:
Tots els fitxers carregats es validen pel que fa al tipus i la mida abans de ser processats. Els fitxers maliciosos es rebutgen automàticament.
Capes de seguretat:
- Validació del tipus de fitxer (extensió i tipus MIME)
- S'han aplicat els límits de mida dels fitxers
- Revalidació del costat del servidor
- Estàndards de seguretat de WordPress
- Noms de fitxer sanejats
Gestió segura de fitxers:
Els fitxers s'emmagatzemen de manera segura mitjançant directoris de càrrega de WordPress amb els permisos i les mesures de seguretat adequades.
🔀 Lògica condicional
Camps de càrrega dinàmica:
Mostra o amaga els camps de càrrega de fitxers en funció d'altres valors del formulari. Mostra les opcions de càrrega només quan siguin rellevants per a les seleccions de l'usuari.
Regles de lògica avançada:
- Lògica I: s'han de complir totes les condicions
- Lògica O: qualsevol condició pot desencadenar l'acció
- 8 operadors: Igual a, No igual a, Més gran que, Més petit que, Conté, És buit i més
🎯 Experiència d'usuari millorada
Funcions intel·ligents integrades:
- Llista de fitxers seleccionats – Veure tots els fitxers seleccionats amb noms i mides
- Eliminar fitxers individuals – Eliminar els fitxers abans de l'enviament
- Progrés de la pujada – Retroalimentació visual durant les càrregues (amb càrrega automàtica)
- Esborra els missatges d'error – Errors específics de validació amb orientació
- Visualització del recompte de fitxers – Mostra el nombre de fitxers seleccionats
- Validació requerida – Fer que la càrrega de fitxers sigui obligatòria
- Text d'ajuda Suport – Afegir descripcions sobre els requisits dels fitxers
- Classes CSS personalitzades – Aplicar un estil personalitzat
- Assistència en accessibilitat – Compatible amb la navegació amb teclat i el lector de pantalla
- Optimitzat per a mòbils – Selectors de fitxers natius en dispositius mòbils
📏 Límits de mida de fitxer
Controla les mides de càrrega:
Estableix la mida màxima de fitxer per fitxer en megabytes (MB). Evita les càrregues de mida excessiva que podrien alentir l'enviament o superar els límits del servidor.
Límits flexibles:
- Fitxers petits: 1-2 MB per a documents
- Estàndard: 5 MB per a càrregues generals
- Imatges: 10 MB per a fotos
- Fitxers grans: més de 50 MB per a vídeos o arxius
Validació per fitxer:
El límit de mida s'aplica a cada fitxer individual, no a la mida total de càrrega. Els usuaris poden carregar 5 fitxers de 5 MB cadascun si definiu un límit de 5 MB.
Comentaris clars:
Els usuaris veuen errors de mida del fitxer immediatament abans de l'enviament amb missatges específics com ara "El fitxer supera el límit de 5 MB".
⚡ Càrrega automàtica en selecció
Opció de càrrega instantània:
Activeu "Càrrega automàtica en selecció" per començar a carregar els fitxers immediatament quan es seleccionen, en comptes d'esperar que s'enviï el formulari.
Beneficis:
- Rendiment percebut més ràpid
- Puja fitxers grans mentre els usuaris omplen altres camps
- Confirmació de càrrega immediata
- Comentaris sobre el progrés durant la càrrega
Casos d'ús:
- Enviaments de fitxers grans (vídeos, arxius)
- Formularis de diversos passos on els fitxers es carreguen aviat
- Formularis amb molts camps per omplir
- Millor UX per a connexions lentes
🎨 Pujada amb arrossegament i solta
Selecció de fitxers moderna:
Activeu l'opció d'arrossegar i deixar anar perquè els usuaris puguin arrossegar fitxers directament des de l'escriptori o el navegador de fitxers a l'àrea de càrrega. No cal navegar.
Mètodes de càrrega dual:
- Botó tradicional "Selecciona fitxer"
- Arrossega els fitxers directament a la zona de càrrega
- Tots dos mètodes funcionen simultàniament
Feedback visual:
L'àrea de càrrega es ressalta quan s'arrosseguen els fitxers per sobre, proporcionant una indicació visual clara de la zona de càrrega.
Compatible amb mòbils:
Funciona a l'escriptori amb la funció d'arrossegar i deixar anar. Recorre al selector de fitxers estàndard en dispositius mòbils.
Configuració senzilla en 3 passos
Prepara el teu camp de càrrega de fitxers en qüestió de minuts
Afegeix un camp de càrrega de fitxers
Arrossegueu i deixeu anar el camp Càrrega de fitxers de la secció Camps bàsics al formulari.
Estableix restriccions de fitxer
Trieu els tipus de fitxer permesos (imatges, documents, etc.), definiu la mida màxima del fitxer (per exemple, 5 MB) i activeu diversos fitxers si cal amb un recompte mínim/màxim.
Activa les funcions modernes
Activeu l'opció d'arrossegar i deixar anar per facilitar les càrregues, activeu les previsualitzacions de fitxers per obtenir comentaris visuals i personalitzeu el text dels botons perquè coincideixi amb el context del formulari.
🎉 Això és tot! El camp de càrrega de fitxers està a punt amb validació intel·ligent i una experiència d'usuari moderna.
Aplicacions del món real
Sol·licituds de treball
* Càrrega de currículums/CV (PDF, DOCX)
* Adjunts a la carta de presentació
* Enviaments de fitxers de portfoli
* Càrregues de documents de referència
Enviaments de fotos
* Participacions al concurs (diverses imatges)
* Fotos de l'anunci de la propietat
* Fotografia de producte
* Càrrega de fotos de l'esdeveniment
Documents empresarials
* Fitxers de sol·licitud de pressupost
* Presentació de contractes
* Càrrega de factures
* Documents de proposta
Educació
* Entrega de tasques
* Càrregues de transcripcions
* Documents de certificat
* Presentació de fitxers de projectes
Tickets de suport
* Adjunts de captures de pantalla
* Fitxers de registre d'errors
* Fitxers de configuració
* Documents de diagnòstic
Portafolis creatius
* Enviaments de fitxers de disseny
* Càrregues de portfoli de vídeos
* Mostres d'àudio
* Exemples de treballs creatius
Opcions de camp completes
Configuració bàsica
- Etiqueta del camp: el títol que es mostra a sobre del camp de càrrega de fitxers
- Descripció/Text d'ajuda: guia addicional sobre els requisits dels fitxers
- Camp obligatori: obligatòria la càrrega de fitxers
- Reservat: no aplicable per a la càrrega de fitxers
Múltiples arxius
Permetre diversos fitxers: permet que els usuaris pengin més d'un fitxer alhora.
- Quan s'han habilitat diversos fitxers:
- Fitxers mínims: nombre mínim de fitxers necessaris (per exemple, 1)
- Fitxers màxims: la majoria de fitxers que un usuari pot carregar (per exemple, 10)
Tipus de fitxer permesos
Categories preconfigurades (marqueu qualsevol combinació):
- Imatges (jpg, png, gif)
- Documents (pdf, doc, txt)
- Fulls de càlcul (xls, csv)
- Presentacions (ppt, pptx)
- Arxius (zip, rar)
- Àudio (mp3, wav)
- Vídeo (mp4, mov)
Extensions de fitxer específiques
Introduïu tipus de fitxer personalitzats separats per comes (per exemple, `.jpg, .png, .pdf, .docx`)
Control de la mida del fitxer
- Mida màxima del fitxer: mida màxima per a cada fitxer carregat en megabytes (MB)
- Introduïu un número com ara 5 per a un límit de 5 MB
- Deixeu-ho en blanc per a no tenir límit (utilitza el valor per defecte del servidor)
- Aplicat per fitxer, no per mida total de càrrega
Experiència de l'usuari
- Mostra les previsualitzacions de fitxers: mostra miniatures de les imatges i icones d'altres fitxers
- Activa l'opció d'arrossegar i deixar anar: permet als usuaris arrossegar fitxers directament al formulari.
- Text del botó de pujada: personalitza el text del botó (per defecte: "Selecciona fitxer")
- Càrrega automàtica en selecció: comença a carregar els fitxers immediatament quan es seleccionen (en comptes d'esperar que s'enviï el formulari)
Lògica condicional
- Habilita la lògica condicional: mostra/amaga segons les condicions
- Tipus lògic
- Cal complir totes les condicions (I)
- Es pot complir qualsevol condició (O)
- Regles de condició
- Mostra/Amaga: Acció a realitzar
- Camp: quin camp cal comprovar
- Operador – Igual a, No és igual a, Conté, Més gran que, Menor que, És buit, No és buit
- Valor – Valor de comparació
- Condicions múltiples: afegeix regles il·limitades
Opcions avançades
- Camp ocult: fes que el camp sigui invisible (no recomanat per a la càrrega de fitxers)
- Classes CSS personalitzades: aplica estils personalitzats
- Atributs d'accessibilitat: etiquetes ARIA per a lectors de pantalla
Per què escollir el nostre camp de càrrega de fitxers?
✅ Fitxers múltiples: càrregues individuals o múltiples amb controls mínims/màxims
✅ Restriccions intel·ligents: 7 categories de fitxers més extensions personalitzades
✅ Límits de mida: estableix la mida màxima per fitxer en MB
✅ Arrossegar i deixar anar: experiència moderna de selecció de fitxers
✅ Previsualitzacions de fitxers: confirmació visual amb miniatures
✅ Segur: validació integrada i seguretat de WordPress
✅ Càrrega automàtica: càrrega instantània opcional en la selecció
✅ Fàcil d'usar: comentaris i missatges d'error clars
✅ Totalment integrat: funciona perfectament amb totes les funcions del formulari
Preguntes freqüents
P: Quants fitxers poden pujar els usuaris?
Fitxer únic per defecte. Activeu "Permetre diversos fitxers" per permetre que els usuaris pengin diversos fitxers. Establiu límits mínims/màxims com ara mínim 1, màxim 10 per a càrregues massives controlades.
P: Quins tipus de fitxers són compatibles?
Per defecte, tots els tipus de fitxers són compatibles. Feu servir les caselles de selecció de categories (Imatges, Documents, etc.) o extensions personalitzades per restringir tipus específics segons les vostres necessitats.
P: Com puc limitar la mida del fitxer?
Introduïu un número al camp "Mida màxima del fitxer" (per exemple, 5 per a 5 MB). Aquest límit s'aplica per fitxer, no per la mida total de càrrega. Deixeu-ho en blanc per als valors predeterminats del servidor.
P: Quina diferència hi ha entre les categories i les extensions personalitzades?
Les categories són grups predefinits (Imatges = tots els tipus d'imatges, Documents = pdf/doc/txt). Les extensions personalitzades permeten especificar formats exactes com ara .svg, .ai, .psd.
P: Com funciona la funció d'arrossegar i deixar anar?
Activeu "Activa l'opció d'arrossegar i deixar anar" i els usuaris podran arrossegar fitxers des de l'escriptori directament a l'àrea de càrrega. El botó tradicional "Seleccionar fitxer" també funciona.
P: Què són les previsualitzacions de fitxers?
Amb l'opció "Mostra les previsualitzacions de fitxers" activada, els usuaris veuen miniatures d'imatges i icones de fitxers amb noms i mides de tots els fitxers seleccionats abans de l'enviament.
P: Què fa la càrrega automàtica?
Amb l'opció "Càrrega automàtica en selecció" activada, els fitxers comencen a carregar-se immediatament quan es seleccionen, en comptes d'esperar que s'enviï el formulari. Ideal per a fitxers grans.
P: Puc exigir tipus de fitxers específics?
Sí. Marqueu les categories de tipus de fitxer i/o introduïu extensions personalitzades i, a continuació, activeu "Camp obligatori" per forçar la càrrega de fitxers amb aquestes restriccions.
P: Com puc acceptar només PDF?
Marqueu la categoria "Documents" si voleu tots els tipus de documents, inclosos els PDF, o introduïu .pdf a "Extensions de fitxer específiques" per a càrregues només de PDF.
P: Què passa si un fitxer és massa gran?
Els usuaris veuen immediatament un missatge d'error com ara "El fitxer supera el límit de 5 MB". Han de seleccionar un fitxer més petit abans d'enviar el formulari.
Els fitxers carregats són segurs?
Sí. Els fitxers es validen pel que fa al tipus i la mida, s'emmagatzemen al directori de càrrega de WordPress amb els permisos adequats i segueixen els estàndards de seguretat de WordPress.
P: Puc acceptar imatges i documents alhora?
Sí. Marqueu les categories "Imatges" i "Documents". Els usuaris poden penjar qualsevol combinació de fitxers d'imatge i document.
