Campo de carga de archivos
Recopile documentos, imágenes y archivos con confianza. Desde currículums hasta fotos, con carga con solo arrastrar y soltar, restricciones de tipo de archivo, límites de tamaño y vistas previas instantáneas, el campo Carga de Archivos ofrece una recopilación segura de archivos con una experiencia de usuario moderna y validación integral.
Recopilación profesional de archivos con validación inteligente
Perfecto para:
Funciones potentes para cada caso de uso
📤 Carga de varios archivos
Archivos individuales o múltiples:
Permite a los usuarios subir un solo archivo o habilitar la carga de varios. Los usuarios pueden seleccionar varios archivos a la vez o añadirlos uno a uno.
- Gestión inteligente de archivos:
- Agregar archivos de forma incremental
- Eliminar archivos individuales antes de enviarlos
- Ver todos los archivos seleccionados con nombres y tamaños
- Indicación clara del recuento de cargas
Controles de archivos mín./máx.:
Cuando se habilitan varias cargas, establezca un número mínimo y máximo de archivos. Exija al menos 2 archivos, limítelo a 10 o cualquier rango que se ajuste a sus necesidades.
Ejemplos:
- Envío de currículum: solo 1 archivo
- Galería de fotos: Mínimo 3, Máximo 10 imágenes
- Paquete de documentos: Mínimo 2, Máximo 5 archivos
- Portafolio: Mínimo 1, Máximo 20 archivos
🎯 Restricciones de tipo de archivo
7 categorías preconfiguradas:
Imágenes – jpg, png, gif y todos los formatos de imagen
Perfecto para fotos, logotipos, capturas de pantalla y contenido visual.
Documentación – pdf, doc, docx, txt, odt
Ideal para currículums, informes, contratos y documentos de texto.
Las hojas de cálculo – xls, xlsx, csv, ods
Para archivos de datos, presupuestos, informes y cálculos.
Todas las presentaciones – ppt, pptx, odp
Presentaciones de diapositivas, presentaciones de propuestas e informes visuales.
Archivos – zip, rar, 7z, tar, gz
Archivos comprimidos, paquetes de archivos y copias de seguridad.
Audio – mp3, wav y todos los formatos de audio
Archivos de música, grabaciones de voz y clips de sonido.
Vídeo – mp4, mov y todos los formatos de vídeo
Archivos de vídeo, grabaciones y contenido multimedia.
Mezclar y combinar:
Marca varias categorías para aceptar distintos tipos de archivos. Activa Imágenes + Documentos para aceptar fotos y PDF.
📝 Extensiones de archivos personalizadas
Especifique los tipos de archivos exactos:
Además de las 7 categorías, define las extensiones de archivo específicas que deseas aceptar. Introduce las extensiones personalizadas separadas por comas.
Ejemplos:
- `.jpg, .png, .pdf` – Solo fotos y archivos PDF
- `.docx, .pdf, .txt` – Formatos de documentos específicos
- `.ai, .psd, .sketch` – Archivos de diseño
- `.dwg, .dxf` – Archivos CAD
- `.sql, .db` – Archivos de base de datos
Control perfecto:
Combine las casillas de verificación de categorías con extensiones personalizadas para un control preciso del tipo de archivo. Acepte la categoría "Imágenes" y la extensión ".svg" para una compatibilidad completa con imágenes.
🖼️ Vistas previas de archivos
Comentarios visuales del archivo:
Activa "Mostrar vistas previas de archivos" para mostrar miniaturas de imágenes e iconos de otros tipos de archivos. Los usuarios ven exactamente lo que han seleccionado antes de enviarlo.
Características de vista previa:
- Miniaturas de imágenes para fotos
- Iconos de tipos de archivos para documentos
- Visualización del nombre y tamaño del archivo
- Botón Eliminar para cada archivo
Confirmación de carga visual
Mejor experiencia de usuario:
Las vistas previas confirman la selección exitosa de archivos, reducen errores y brindan seguridad de que se adjuntan los archivos correctos.
🎨 Texto de botón personalizado
Personalice la experiencia de carga:
Cambie el texto del botón de carga de “Elegir archivo” a cualquier otro que se ajuste al contexto de su formulario.
Ejemplos:
- “Subir currículum”
- “Seleccionar fotos”
- “Adjuntar documentos”
- "Agregar archivos"
- “Explorar archivos”
- “Elegir imágenes”
Idioma contextual:
Adapte el texto del botón a lo que los usuarios están cargando para obtener instrucciones más claras y una mejor experiencia del usuario.
🔐 Seguridad incorporada
Validación automática de archivos:
Todos los archivos subidos se validan por tipo y tamaño antes de procesarlos. Los archivos maliciosos se rechazan automáticamente.
Capas de seguridad:
- Validación del tipo de archivo (extensión y tipo MIME)
- Se aplican límites de tamaño de archivo
- Revalidación del lado del servidor
- Estándares de seguridad de WordPress
- Nombres de archivos desinfectados
Manejo seguro de archivos:
Los archivos se almacenan de forma segura utilizando directorios de carga de WordPress con los permisos y las medidas de seguridad adecuados.
🔀 Lógica condicional
Campos de carga dinámica:
Mostrar u ocultar campos de carga de archivos según otros valores del formulario. Mostrar opciones de carga solo cuando sean relevantes para las selecciones del usuario.
Reglas de lógica avanzada:
- Lógica AND: Se deben cumplir todas las condiciones
- Lógica OR: cualquier condición puede desencadenar la acción
- 8 operadores: igual a, no igual a, mayor que, menor que, contiene, está vacío y más
🎯 Experiencia de usuario mejorada
Funciones inteligentes integradas:
- Lista de archivos seleccionados – Ver todos los archivos seleccionados con nombres y tamaños
- Eliminar archivos individuales – Eliminar archivos antes de enviarlos
- Progreso de carga – Comentarios visuales durante las cargas (con carga automática)
- Borrar mensajes de error – Errores de validación específicos con orientación
- Visualización del recuento de archivos – Muestra el número de archivos seleccionados
- Validación requerida – Hacer obligatoria la carga de archivos
- Soporte de texto de ayuda – Agregar descripciones sobre los requisitos del archivo
- Clases CSS personalizadas – Aplicar estilo personalizado
- Accesibilidad Soporte – Compatible con navegación por teclado y lector de pantalla
- Móvil optimizado Selectores de archivos nativos en dispositivos móviles
📏 Límites de tamaño de archivo
Controlar el tamaño de las cargas:
Establezca el tamaño máximo de archivo en megabytes (MB). Evite cargas de gran tamaño que podrían ralentizar el envío o superar los límites del servidor.
Límites flexibles:
- Archivos pequeños: 1-2 MB para documentos
- Estándar: 5 MB para cargas generales
- Imágenes: 10 MB para fotos
- Archivos grandes: 50 MB+ para videos o archivos
Validación por archivo:
El límite de tamaño se aplica a cada archivo individual, no al tamaño total de la carga. Los usuarios pueden subir 5 archivos de 5 MB cada uno si se establece un límite de 5 MB.
Comentarios claros:
Los usuarios ven errores de tamaño de archivo inmediatamente antes del envío con mensajes específicos como "El archivo excede el límite de 5 MB".
⚡ Carga automática al seleccionar
Opción de carga instantánea:
Habilite “Carga automática al seleccionar” para comenzar a cargar archivos inmediatamente cuando se seleccionan, en lugar de esperar el envío del formulario.
Beneficios:
- Rendimiento percibido más rápido
- Subir archivos grandes mientras los usuarios completan otros campos
- Confirmación de carga inmediata
- Comentarios sobre el progreso durante la carga
Casos de uso:
- Envíos de archivos grandes (vídeos, archivos)
- Formularios de varios pasos donde los archivos se cargan con anticipación
- Formularios con muchos campos para completar
- Mejor UX para conexiones lentas
Carga mediante arrastrar y soltar
Selección de archivos moderna:
Habilite la función de arrastrar y soltar para que los usuarios puedan arrastrar archivos directamente desde su escritorio o explorador de archivos al área de carga. Sin necesidad de navegar.
Métodos de carga dual:
- Botón tradicional "Seleccionar archivo"
- Arrastre los archivos directamente a la zona de carga
- Ambos métodos funcionan simultáneamente
Comentarios visuales:
El área de carga se resalta cuando se arrastran archivos, lo que proporciona una indicación visual clara de la zona de colocación.
Compatibilidad móvil:
Funciona en computadoras de escritorio con función de arrastrar y soltar. En dispositivos móviles, recurre al selector de archivos estándar.
Configuración sencilla en 3 pasos
Prepare su campo de carga de archivos en minutos
Agregar campo de carga de archivos
Arrastre y suelte el campo Cargar archivo desde la sección Campos básicos a su formulario.
Establecer restricciones de archivos
Elija los tipos de archivos permitidos (imágenes, documentos, etc.), establezca el tamaño máximo de archivo (por ejemplo, 5 MB) y habilite varios archivos si es necesario con un recuento mínimo/máximo.
Habilitar funciones modernas
Active la función de arrastrar y soltar para cargar archivos más fácilmente, habilite las vistas previas de archivos para obtener comentarios visuales y personalice el texto del botón para que coincida con el contexto de su formulario.
🎉 ¡Listo! Tu campo de carga de archivos está listo con validación inteligente y una experiencia de usuario moderna.
Aplicaciones en el mundo real
Solicitudes de empleo
* Carga de currículum vitae (PDF, DOCX)
* Archivos adjuntos de la carta de presentación
* Envío de archivos de portafolio
* Carga de documentos de referencia
Envíos de fotos
* Participaciones en el concurso (varias imágenes)
* Fotos del listado de propiedades
* Fotografía de producto
* Subidas de fotos de eventos
Documentos
* Archivos de solicitud de cotización
* Presentación de contratos
* Carga de facturas
* Documentos de propuesta
Educación
* Entrega de tareas
* Carga de transcripciones
* Documentos de certificado
* Envío de archivos de proyectos
Tickets de Soporte
* Archivos adjuntos de captura de pantalla
* Archivos de registro de errores
* Archivos de configuración
* Documentos de diagnóstico
Portafolios creativos
* Envío de archivos de diseño
* Subidas de portafolios de videos
*Muestras de audio
* Ejemplos de trabajos creativos
Opciones de campo completas
Configuración básica
- Etiqueta de campo: el título que se muestra sobre el campo de carga de archivos
- Descripción/Texto de ayuda: Orientación adicional sobre los requisitos del archivo
- Campo obligatorio: hacer que la carga de archivos sea obligatoria
- Marcador de posición: no aplicable para cargas de archivos
Varios archivos
Permitir varios archivos: permite que los usuarios carguen más de un archivo a la vez
- Cuando se habilitan varios archivos:
- Archivos mínimos: menor cantidad de archivos necesarios (por ejemplo, 1)
- Máximo de archivos: la mayor cantidad de archivos que un usuario puede cargar (por ejemplo, 10)
Tipos de archivos permitidos
Categorías preconfiguradas (marque cualquier combinación):
- Imágenes (jpg, png, gif)
- Documentos (pdf, doc, txt)
- Hojas de cálculo (xls, csv)
- Presentaciones (ppt, pptx)
- Archivos (zip, rar)
- Audio (mp3, wav)
- Vídeo (mp4, mov)
Extensiones de archivo específicas
Introduzca tipos de archivos personalizados separados por comas (por ejemplo, `.jpg, .png, .pdf, .docx`)
Control del tamaño de archivo
- Tamaño máximo de archivo: tamaño máximo de cada archivo cargado en megabytes (MB)
- Ingrese un número como 5 para el límite de 5 MB
- Déjelo en blanco si no hay límite (usa el valor predeterminado del servidor)
- Se aplica por archivo, no por el tamaño total de carga
Experiencia de usuario
- Mostrar vistas previas de archivos: muestra miniaturas de imágenes e íconos de otros archivos
- Habilitar arrastrar y soltar: permite que los usuarios arrastren archivos directamente al formulario
- Texto del botón Cargar: personaliza el texto del botón (predeterminado: "Seleccionar archivo")
- Carga automática al seleccionar: comience a cargar archivos inmediatamente cuando los seleccione (en lugar de esperar a que se envíe el formulario)
La lógica condicional
- Habilitar lógica condicional: mostrar u ocultar según condiciones
- Tipo de lógica
- Se deben cumplir todas las condiciones (Y)
- Cualquier condición se puede cumplir (O)
- Reglas de condición
- Mostrar/Ocultar – Acción a tomar
- Campo – ¿Qué campo comprobar?
- Operador – Igual, No igual, Contiene, Mayor que, Menor que, Está vacío, No está vacío
- Valor – Valor de comparación
- Condiciones múltiples: agregue reglas ilimitadas
Opciones Avanzadas
- Campo oculto: hacer que el campo sea invisible (no recomendado para cargas de archivos)
- Clases CSS personalizadas: aplicar estilos personalizados
- Atributos de accesibilidad: etiquetas ARIA para lectores de pantalla
¿Por qué elegir nuestro campo de carga de archivos?
✅ Archivos múltiples: cargas individuales o múltiples con controles mínimos y máximos
✅ Restricciones inteligentes: 7 categorías de archivos más extensiones personalizadas
✅ Límites de tamaño: establezca el tamaño máximo por archivo en MB
✅ Arrastrar y soltar: experiencia moderna de selección de archivos
✅ Vista previa de archivos: confirmación visual con miniaturas
✅ Seguro: validación integrada y seguridad de WordPress
✅ Carga automática: carga instantánea opcional al seleccionar
✅ Fácil de usar: comentarios claros y mensajes de error
✅ Totalmente integrado: funciona a la perfección con todas las funciones del formulario
Preguntas frecuentes
P: ¿Cuántos archivos pueden cargar los usuarios?
Archivo único por defecto. Activa "Permitir varios archivos" para que los usuarios puedan subir varios archivos. Establece límites mínimos y máximos (Mínimo 1, Máximo 10) para cargas masivas controladas.
P: ¿Qué tipos de archivos son compatibles?
Todos los tipos de archivo son compatibles de forma predeterminada. Utilice las casillas de verificación de categorías (Imágenes, Documentos, etc.) o extensiones personalizadas para restringir tipos específicos según sus necesidades.
P: ¿Cómo puedo limitar el tamaño del archivo?
Introduzca un número en el campo "Tamaño máximo de archivo" (p. ej., 5 para 5 MB). Este límite se aplica por archivo, no al tamaño total de la carga. Deje este campo en blanco para los valores predeterminados del servidor.
P: ¿Cuál es la diferencia entre categorías y extensiones personalizadas?
Las categorías son grupos predefinidos (Imágenes = todos los tipos de imagen, Documentos = PDF/DOC/TXT). Las extensiones personalizadas permiten especificar formatos exactos como .svg, .ai, .psd.
P: ¿Cómo funciona arrastrar y soltar?
Activa "Habilitar arrastrar y soltar" para que los usuarios puedan arrastrar archivos desde su escritorio directamente al área de carga. El botón tradicional "Seleccionar archivo" también funciona.
P: ¿Qué son las vistas previas de archivos?
Con “Mostrar vistas previas de archivos” habilitado, los usuarios ven miniaturas de imágenes e íconos de archivos con nombres y tamaños de todos los archivos seleccionados antes del envío.
P: ¿Qué hace la carga automática?
Con la opción "Subida automática al seleccionar" activada, los archivos empiezan a subirse inmediatamente al seleccionarlos, en lugar de esperar a que se envíe el formulario. Ideal para archivos grandes.
P: ¿Puedo solicitar tipos de archivos específicos?
Sí. Marque las categorías de tipo de archivo y/o ingrese extensiones personalizadas, luego habilite “Campo obligatorio” para forzar la carga de archivos con esas restricciones.
P: ¿Cómo puedo aceptar sólo archivos PDF?
Marque la categoría “Documentos” si desea todos los tipos de documentos, incluidos los PDF, o ingrese .pdf en “Extensiones de archivo específicas” para cargas solo en formato PDF.
P: ¿Qué sucede si un archivo es demasiado grande?
Los usuarios ven inmediatamente un mensaje de error como "El archivo supera el límite de 5 MB". Deben seleccionar un archivo más pequeño antes de enviar el formulario.
¿Son seguros los archivos cargados?
Sí. Los archivos se validan por tipo y tamaño, se almacenan en el directorio de carga de WordPress con los permisos adecuados y siguen los estándares de seguridad de WordPress.
P: ¿Puedo aceptar imágenes y documentos juntos?
Sí. Marque las categorías "Imágenes" y "Documentos". Los usuarios pueden subir cualquier combinación de imágenes y documentos.
