Formulários

Envio de arquivo

File upload

Um controle para selecionar e enviar arquivos do dispositivo.

↑Anexar um arquivoExemplo visual · sem envioEscolher arquivo

Exemplo didático · Representação visual do padrão

Quando usar

Anexar documentos, imagens e outros arquivos a uma tarefa.

Cuidados e acessibilidade

Informe formatos e tamanho permitido; valide de novo no servidor.

Partes e comportamento

Controle de seleção, restrições, lista de arquivos e estado de envio.

Não confunda

Selecionar um arquivo não significa que ele já foi enviado ou salvo no servidor.

Exemplo de código

<label for="arquivo">Documento em PDF</label>
<input type="file" id="arquivo" name="arquivo" accept="application/pdf">
<!-- accept orienta o seletor; valide tipo e tamanho no servidor. -->

Trecho didático. Integre e teste no contexto do seu projeto.

Peça assim para uma IA

Crie um componente de interface do tipo Envio de arquivo (File upload) em português do Brasil. Um controle para selecionar e enviar arquivos do dispositivo. Contexto de uso: Anexar documentos, imagens e outros arquivos a uma tarefa. Estrutura: Controle de seleção, restrições, lista de arquivos e estado de envio. Referência técnica: <input type="file">. Requisito: Informe formatos e tamanho permitido; valide de novo no servidor. Considere também: Selecionar um arquivo não significa que ele já foi enviado ou salvo no servidor. Adapte cores e tipografia ao projeto. Cubra estados inicial, foco, ativo, indisponível, carregamento, vazio e erro quando aplicáveis. Garanta contraste legível, comportamento responsivo, movimento reduzido e acesso por teclado. Use textos em PT-BR, valores em reais e datas no formato brasileiro quando houver. Explique quais partes exigem integração real e não simule sucesso sem concluir a operação.

Consultar referência técnica ↗Copiar link deste termo ↗