Limitar o formato do arquivo ao usar

Na maioria das vezes, certos sites perguntam ao usuário sobre as informações em um arquivo. O usuário precisa fazer upload de seus arquivos no aplicativo da web para que os dados sejam processados. No entanto, se o usuário enviar um formato de arquivo não compatível, isso poderá fazer com que o site inteiro trava ou os dados sejam processados ​​incorretamente.

Para evitar isso, o desenvolvedor do site pode colocar um limite de "tipo" no tipo de arquivos que o usuário pode fazer upload. Portanto, ao criar tais formas e elementos através do HTML, onde os usuários são solicitados a inserir arquivos, deve -se garantir que o formato de arquivo tenha sido restrito apenas ao tipo de arquivo necessário para essa operação. Isso é feito facilmente através do “”Tag em html.

Limitando o formato do arquivo usando o arquivo de tipo de entrada

Os formatos de arquivo podem ser limitados ou restritos ao adicionar o “entrada”Tag com a“tipo”Atributo e definir o atributo de tipo igual a“arquivo”, E depois adicionando o“aceitar”Atributo na mesma tag para definir o formato de arquivo.

Exemplo: Limitando arquivos a diferentes formatos

Vamos adicionar um exemplo simples para restringir o tipo de arquivo nos campos de entrada:

Insira apenas arquivos HTML

Insira apenas imagens

Insira apenas arquivos MP3

Insira apenas arquivos PDF

No trecho de código acima, há simples

Chefing para especificar o formato do tipo de arquivo a ser adicionado como entrada e após cada tabela, existem as tags de entrada com o “aceitar”Atributo para especificar o formato do arquivo:

• Na primeira tag, existem “.html" e ".xhtml”Especificado como o tipo de arquivo no“aceitar”O usuário só poderá selecionar“.html" e ".xhtml”Arquivos do sistema. De fato, arquivos com todos os outros tipos de arquivo não serão exibidos ao usuário enquanto navegam no sistema.
• Da mesma forma, o “imagem/*”Não permitirá que o usuário insira nenhum formato de arquivo além das imagens.
• ““.mp3”Permitirá que o usuário selecione“.mp3”Apenas arquivos de áudio.
• ““.pdf”Deixará o usuário navegar e inserir apenas arquivos PDF do sistema.

Isso exibirá os seguintes resultados:

Vamos ver como funciona selecionando um dos campos de entrada criados:

Na figura acima, selecionamos o “Escolher arquivo”Botão que foi criado restringindo o tipo de arquivo apenas ao PDF. Isso exibe ou navega apenas os arquivos formatados em PDF do sistema.

Dessa forma, os formatos de arquivo são restritos onde os campos de entrada são criados em HTML.

Conclusão

Limitar os formatos de arquivo em HTML requer apenas adicionar uma tag e especificar o formato do arquivo no atributo aceita. Os formatos de arquivo são especificados no atributo Aceitar, e isso restringe o usuário de navegar e selecionar os arquivos apenas do formato de arquivo definido. Este artigo tem informações suficientes para aprender a usar a tag para limitar o formato do arquivo.