Como criar campos de upload de arquivos em html5

Um formulário web HTML pode receber documentos e outros arquivos, como imagens, de usuários. Quando um usuário envia o formulário, o navegador pega uma cópia do arquivo e envia-lo com os outros dados do formulário. Para criar um campo de upload de arquivos, este é o que você faz:

1. Use o elemento com o tipo atributo definido como Arquivo.

   O arquivo em si é o valor do campo de formulário.

2. Use o nomeatributo para dar o controle de um nome.

Aqui está um exemplo de marcação para um campo de upload de arquivo:

Browsers tornar um campo de upload de arquivo com um botão Procurar (ou um botão de nome semelhante) que permite ao usuário navegar em um disco rígido local e selecionar um arquivo para enviar, como mostrado na figura.

Quando você aceita arquivos dos usuários através de um formulário, você pode receber arquivos que são ou grande ou talvez vírus infectados. Consultar com quem está programando seu manipulador de formulário para discutir as opções para proteger o sistema onde os arquivos são salvos. Várias barreiras podem ajudar a minimizar os riscos, incluindo o seguinte:

Video: Como estilizar um elemento de campo Input file ( campo para Selecionar arquivo )

• software de detecção de vírus

  Video: HTML5 Drag and Drop Uploading

• Restrições sobre o tamanho do arquivo

• Restrições ao tipo de arquivo