Campo de upload de arquivo
Colete documentos, imagens e arquivos com segurança. De currículos a fotos, com upload por arrastar e soltar, restrições de tipo de arquivo, limites de tamanho e visualizações instantâneas, o campo de Upload de Arquivos oferece coleta segura de arquivos com experiência de usuário moderna e validação completa.
Coleta profissional de arquivos com validação inteligente
Perfeito para:
Funcionalidades poderosas para cada caso de uso
📤 Envio de múltiplos arquivos
Um ou vários arquivos:
Permitir que os usuários carreguem apenas um arquivo ou habilitar o carregamento de vários arquivos. Os usuários podem selecionar vários arquivos de uma só vez ou adicionar arquivos um de cada vez.
- Gerenciamento inteligente de arquivos:
- Adicionar arquivos incrementalmente
- Remova os arquivos individuais antes do envio.
- Veja todos os arquivos selecionados com seus nomes e tamanhos.
- Indicação clara da contagem de uploads
Controles de arquivo mínimo/máximo:
Quando o envio de múltiplos arquivos estiver habilitado, defina a quantidade mínima e máxima de arquivos. Exija um mínimo de 2 arquivos, limite a 10 arquivos ou qualquer intervalo que atenda às suas necessidades.
Exemplos:
- Envio de currículo: apenas 1 arquivo
- Galeria de fotos: Mínimo 3, Máximo 10 imagens
- Pacote de documentos: mínimo 2, máximo 5 arquivos
- Portfólio: Mínimo 1, Máximo 20 arquivos
🎯 Restrições de tipo de arquivo
7 categorias pré-configuradas:
Imagens – jpg, png, gif e todos os formatos de imagem
Ideal para fotos, logotipos, capturas de tela e conteúdo visual.
Documentos – pdf, doc, docx, txt, odt
Ideal para currículos, relatórios, contratos e documentos de texto.
Spreadsheets – xls, xlsx, csv, ods
Para arquivos de dados, orçamentos, relatórios e cálculos.
Apresentações – ppt, pptx, odp
Apresentações de slides, apresentações de propostas e relatórios visuais.
Arquivo – zip, rar, 7z, tar, gz
Arquivos compactados, pacotes de arquivos e backups.
em áudio – mp3, wav e todos os formatos de áudio
Arquivos de música, gravações de voz e trechos de áudio.
Vídeo – mp4, mov e todos os formatos de vídeo
Arquivos de vídeo, gravações e conteúdo multimídia.
Mix & Match:
Selecione várias categorias para aceitar diferentes tipos de arquivo. Ative "Imagens + Documentos" para aceitar fotos e PDFs.
📝 Extensões de arquivo personalizadas
Especifique os tipos de arquivo exatos:
Além das 7 categorias, defina as extensões de arquivo específicas que deseja aceitar. Insira as extensões personalizadas separadas por vírgulas.
Exemplos:
- `.jpg, .png, .pdf` – Somente fotos e PDFs
- `.docx, .pdf, .txt` – Formatos de documento específicos
- `.ai, .psd, .sketch` – Arquivos de design
- `.dwg, .dxf` – Arquivos CAD
- `.sql, .db` – Arquivos de banco de dados
Controle perfeito:
Combine caixas de seleção de categoria com extensões personalizadas para um controle preciso do tipo de arquivo. Aceite a categoria Imagens mais `.svg` para suporte completo a imagens.
🖼️ Pré-visualizações de arquivos
Feedback visual de arquivos:
Ative a opção “Mostrar pré-visualizações de arquivos” para exibir miniaturas de imagens e ícones de outros tipos de arquivo. Os usuários veem exatamente o que selecionaram antes de enviar.
Funcionalidades de pré-visualização:
- Miniaturas de imagens para fotos
- Ícones de tipo de arquivo para documentos
- Exibição do nome e tamanho do arquivo
- Botão Remover para cada arquivo
Confirmação visual de upload
Melhor experiência do usuário:
As pré-visualizações confirmam a seleção correta dos arquivos, reduzem erros e garantem que os arquivos corretos foram anexados.
🎨 Texto personalizado do botão
Personalize a sua experiência de upload:
Altere o texto do botão de upload de "Escolher arquivo" para qualquer coisa que se adeque ao contexto do seu formulário.
Exemplos:
- “Enviar currículo”
- “Selecionar fotos”
- “Anexar documentos”
- "Adicionar arquivos"
- “Navegar pelos arquivos”
- “Escolher imagens”
Linguagem contextual:
Combine o texto do botão com o que os usuários estão enviando para obter instruções mais claras e uma melhor experiência do usuário.
🔐 Segurança integrada
Validação automática de arquivos:
Todos os arquivos enviados são validados quanto ao tipo e tamanho antes do processamento. Arquivos maliciosos são rejeitados automaticamente.
Camadas de segurança:
- Validação do tipo de arquivo (extensão e tipo MIME)
- Limites de tamanho de arquivo aplicados
- Revalidação do lado do servidor
- Padrões de segurança do WordPress
- Nomes de arquivos higienizados
Manuseio seguro de arquivos:
Os arquivos são armazenados com segurança usando os diretórios de upload do WordPress, com as permissões e medidas de segurança adequadas.
🔀 Lógica Condicional
Campos de upload dinâmico:
Exibir ou ocultar campos de upload de arquivos com base em outros valores do formulário. Mostrar opções de upload somente quando relevantes para as seleções do usuário.
Regras de lógica avançada:
- Lógica AND – Todas as condições devem ser atendidas.
- Lógica OU – Qualquer condição pode desencadear a ação.
- 8 operadores – Igual a, Diferente de, Maior que, Menor que, Contém, Está vazio e mais
🎯 Experiência do usuário aprimorada
Funcionalidades inteligentes integradas:
- Lista de arquivos selecionados – Veja todos os arquivos selecionados com seus nomes e tamanhos.
- Remover arquivos individuais – Exclua os arquivos antes do envio.
- Progresso do carregamento – Feedback visual durante os uploads (com upload automático)
- Limpar mensagens de erro – Erros de validação específicos com orientações
- Exibição da contagem de arquivos – Mostra o número de arquivos selecionados
- Validação necessária – Tornar o envio de arquivos obrigatório
- Suporte por texto de ajuda – Adicione descrições sobre os requisitos do arquivo.
- Classes CSS personalizadas – Aplicar estilos personalizados
- Suporte de acessibilidade – Compatível com navegação por teclado e leitor de tela
- Otimizado para celular – Seletores de arquivos nativos em dispositivos móveis
📏 Limites de tamanho de arquivo
Controle o tamanho dos arquivos enviados:
Defina o tamanho máximo de cada arquivo em megabytes (MB). Evite uploads muito grandes que possam tornar o envio mais lento ou exceder os limites do servidor.
Limites flexíveis:
- Arquivos pequenos: 1-2 MB para documentos
- Padrão: 5 MB para uploads em geral
- Imagens: 10 MB para fotos
- Arquivos grandes: 50 MB ou mais para vídeos ou arquivos compactados.
Validação por arquivo:
O limite de tamanho se aplica a cada arquivo individual, não ao tamanho total do upload. Os usuários podem enviar até 5 arquivos de 5 MB cada se você definir um limite de 5 MB.
Feedback claro:
Os usuários veem erros de tamanho de arquivo imediatamente antes do envio, com mensagens específicas como "O arquivo excede o limite de 5 MB".
⚡ Carregamento automático ao selecionar
Opção de upload instantâneo:
Ative a opção “Upload automático ao selecionar” para iniciar o upload de arquivos imediatamente após a seleção, em vez de aguardar o envio do formulário.
Benefícios:
- Desempenho percebido mais rápido
- Faça o upload de arquivos grandes enquanto os usuários preenchem outros campos.
- Confirmação imediata do upload
- Feedback de progresso durante o upload
Casos de uso:
- Envio de arquivos grandes (vídeos, arquivos compactados)
- Formulários com várias etapas, onde os arquivos são carregados antecipadamente.
- Formulários com muitos campos para preencher.
- Melhor experiência do usuário para conexões lentas.
🎨 Carregamento por arrastar e soltar
Seleção de arquivos moderna:
Habilite o recurso de arrastar e soltar para permitir que os usuários arrastem arquivos diretamente da área de trabalho ou do explorador de arquivos para a área de upload. Não é necessário navegar pelo site.
Métodos de upload duplo:
- Botão tradicional “Escolher arquivo”
- Arraste os arquivos diretamente para a área de upload.
- Ambos os métodos funcionam simultaneamente
Comentários Visuais:
A área de upload fica destacada quando os arquivos são arrastados sobre ela, fornecendo uma indicação visual clara da zona de soltar.
Compatível com celular:
Funciona em computadores com recurso completo de arrastar e soltar. Em dispositivos móveis, utiliza o seletor de arquivos padrão.
Configuração simples em 3 etapas
Prepare seu campo de upload de arquivos em minutos!
Adicionar campo para upload de arquivos
Arraste e solte o campo "Upload de Arquivo" da seção "Campos Básicos" no seu formulário.
Definir restrições de arquivo
Escolha os tipos de arquivo permitidos (Imagens, Documentos, etc.), defina o tamanho máximo do arquivo (por exemplo, 5 MB) e habilite vários arquivos, se necessário, com contagem mínima e máxima.
Ativar recursos modernos
Ative o recurso de arrastar e soltar para facilitar os uploads, habilite a visualização prévia dos arquivos para obter feedback visual e personalize o texto dos botões para que corresponda ao contexto do seu formulário.
🎉 Pronto! Seu campo de upload de arquivos está configurado com validação inteligente e experiência do usuário moderna.
Aplicações do mundo real
Os pedidos de emprego
* Envio de currículo/CV (PDF, DOCX)
* Anexos da carta de apresentação
* Envio de arquivos de portfólio
* Envio de documentos de referência
Envios de fotos
* Participações no concurso (várias imagens)
* Fotos do anúncio do imóvel
* Fotografia de produto
* Envio de fotos do evento
Documentos
* Arquivos de solicitação de orçamento
* Submissão de contratos
* Envio de faturas
* Documentos da proposta
Educação
* Submissão de trabalhos
* Envio de transcrições
* Documentos de certificação
* Submissão de arquivos de projeto
Tickets de Suporte
* Anexos de capturas de tela
* Arquivos de registro de erros
* Arquivos de configuração
* Documentos de diagnóstico
Portfólios Criativos
* Envio de arquivos de projeto
* Envio de portfólio em vídeo
* Amostras de áudio
* Exemplos de trabalhos criativos
Preencha as opções de campo
Configuração básica
- Rótulo do campo – O título exibido acima do campo de upload de arquivo.
- Descrição/Texto de Ajuda – Orientações adicionais sobre os requisitos do arquivo
- Campo obrigatório – Tornar o envio do arquivo obrigatório
- Espaço reservado – Não aplicável para envio de arquivos
Arquivos Múltiplos
Permitir vários arquivos – Permite que os usuários carreguem mais de um arquivo por vez.
- Quando vários arquivos estão habilitados:
- Arquivos mínimos – Número mínimo de arquivos necessários (ex.: 1)
- Número máximo de arquivos – A quantidade máxima de arquivos que um usuário pode enviar (por exemplo, 10).
Tipos de arquivo permitidos
Categorias pré-configuradas (selecione qualquer combinação):
- Imagens (jpg, png, gif)
- Documentos (pdf, doc, txt)
- Planilhas (xls, csv)
- Apresentações (ppt, pptx)
- Arquivos (zip, rar)
- Áudio (mp3, wav)
- Vídeo (mp4, mov)
Extensões de arquivo específicas
Insira tipos de arquivo personalizados separados por vírgulas (ex.: `.jpg, .png, .pdf, .docx`)
Controle de tamanho de arquivo
- Tamanho máximo do arquivo – Tamanho máximo de cada arquivo carregado, em megabytes (MB).
- Digite um número, como 5, para um limite de 5 MB.
- Deixe em branco para nenhum limite (usa o padrão do servidor)
- Aplicado por arquivo, não pelo tamanho total do upload.
Experiência do Usuário
- Exibir pré-visualizações de arquivos – Exibe miniaturas de imagens e ícones de outros arquivos.
- Habilitar arrastar e soltar – Permita que os usuários arrastem arquivos diretamente para o formulário.
- Texto do botão de upload – Personalize o texto do botão (padrão: “Escolher arquivo”)
- Upload automático ao selecionar – Inicie o upload de arquivos imediatamente ao selecionar um campo (em vez de esperar o envio do formulário).
Lógica Condicional
- Ativar lógica condicional – Mostrar/ocultar com base em condições
- Tipo de lógica
- Todas as condições devem ser atendidas (E)
- Qualquer condição pode ser satisfeita (OU)
- Regras de Condição
- Mostrar/Ocultar – Ação a ser tomada
- Campo – Qual campo verificar
- Operador – Igual a, Diferente de, Contém, Maior que, Menor que, Vazio, Não vazio
- Valor – Valor de comparação
- Múltiplas Condições – Adicione regras ilimitadas
Opções avançadas
- Campo oculto – Torna o campo invisível (não recomendado para uploads de arquivos)
- Classes CSS personalizadas – Aplique estilos personalizados
- Atributos de acessibilidade – Rótulos ARIA para leitores de tela
Por que escolher nosso campo de upload de arquivos?
✅ Vários arquivos – Upload único ou múltiplo com controles de mínimo/máximo
✅ Restrições inteligentes – 7 categorias de arquivos mais extensões personalizadas
✅ Limites de tamanho – Defina o tamanho máximo por arquivo em MB
✅ Arrastar e soltar – Experiência moderna de seleção de arquivos
✅ Pré-visualização de arquivos – Confirmação visual com miniaturas
✅ Seguro – Validação integrada e segurança do WordPress
✅ Upload automático – Upload instantâneo opcional após a seleção
✅ Fácil de usar – Feedback claro e mensagens de erro
✅ Totalmente integrado – Funciona perfeitamente com todos os recursos de formulário.
Perguntas frequentes
P: Quantos arquivos os usuários podem enviar?
Por padrão, apenas um arquivo é permitido. Habilite a opção "Permitir vários arquivos" para que os usuários possam enviar vários arquivos simultaneamente. Defina limites mínimos e máximos, como "Mínimo 1, Máximo 10", para controlar o envio em massa de arquivos.
P: Quais tipos de arquivo são suportados?
Todos os tipos de arquivo são suportados por padrão. Use as caixas de seleção de categoria (Imagens, Documentos, etc.) ou extensões personalizadas para restringir tipos específicos de acordo com suas necessidades.
P: Como faço para limitar o tamanho do arquivo?
Insira um número no campo "Tamanho máximo do arquivo" (por exemplo, 5 para 5 MB). Esse limite se aplica a cada arquivo individualmente, não ao tamanho total do upload. Deixe em branco para usar os valores padrão do servidor.
P: Qual a diferença entre categorias e extensões personalizadas?
As categorias são grupos predefinidos (Imagens = todos os tipos de imagem, Documentos = pdf/doc/txt). As extensões personalizadas permitem especificar formatos exatos, como .svg, .ai, .psd.
P: Como funciona o recurso de arrastar e soltar?
Ative a opção “Arrastar e Soltar” e os usuários poderão arrastar arquivos da área de trabalho diretamente para a área de upload. O botão tradicional “Escolher Arquivo” também continuará funcionando.
P: O que são pré-visualizações de arquivos?
Com a opção “Mostrar pré-visualizações de arquivos” ativada, os usuários visualizam miniaturas de imagens e ícones de arquivos com nomes e tamanhos para todos os arquivos selecionados antes do envio.
P: O que faz o upload automático?
Com a opção “Upload automático ao selecionar” ativada, os arquivos começam a ser carregados imediatamente após serem selecionados, em vez de aguardar o envio do formulário. Ótimo para arquivos grandes.
P: Posso exigir tipos de arquivo específicos?
Sim. Verifique as categorias de tipo de arquivo e/ou insira extensões personalizadas e, em seguida, ative a opção "Campo obrigatório" para forçar o upload de arquivos com essas restrições.
P: Como faço para aceitar apenas PDFs?
Selecione a categoria “Documentos” se desejar todos os tipos de documentos, incluindo PDFs, ou insira .pdf em “Extensões de arquivo específicas” para enviar apenas arquivos PDF.
P: O que acontece se um arquivo for muito grande?
Os usuários veem imediatamente uma mensagem de erro como "O arquivo excede o limite de 5 MB". Eles devem selecionar um arquivo menor antes de enviar o formulário.
Os arquivos enviados estão seguros?
Sim. Os arquivos são validados quanto ao tipo e tamanho, armazenados no diretório de uploads do WordPress com as permissões adequadas e seguem os padrões de segurança do WordPress.
P: Posso aceitar imagens e documentos juntos?
Sim. Verifique as categorias "Imagens" e "Documentos". Os usuários podem enviar qualquer combinação de arquivos de imagem e documentos.
