Limite el formato de archivo al usar

Limite el formato de archivo al usar
La mayoría de las veces, ciertos sitios web le preguntan al usuario sobre la información en un archivo. El usuario debe cargar sus archivos en la aplicación web para que se procesen los datos. Sin embargo, si el usuario carga un formato de archivo no compatible, esto puede hacer que todo el sitio web se bloquee o los datos se procesen incorrectamente.

Para evitar esto, el desarrollador del sitio web puede poner un límite de "tipo" en el tipo de archivos que el usuario puede cargar. Por lo tanto, mientras crea tales formularios y elementos a través de HTML, donde se les pide a los usuarios que inserten archivos, debe asegurarse de que el formato de archivo se haya restringido solo al tipo de archivo requerido para esa operación. Esto se hace fácilmente a través del ""Etiqueta en html.

Limitar el formato de archivo usando el archivo de tipo de entrada

Los formatos de archivo pueden limitarse o restringirse agregando el "aporte"Etiqueta con el"tipo"Atributo y configuración del atributo de tipo igual a"archivo", Y luego agregando el"aceptarAtributo en la misma etiqueta para definir el formato de archivo.

Ejemplo: Limitar los archivos a diferentes formatos

Agregamos un ejemplo simple para restringir el tipo de archivo en los campos de entrada:

Insertar solo archivos HTML




Insertar solo imágenes




Insertar solo archivos MP3




Insertar solo archivos PDF



En el fragmento de código anterior, hay

encabezados para especificar el formato de tipo de archivo que se agregará como entrada y después de cada encabezado, están las etiquetas de entrada con el "aceptarAtributo para especificar el formato de archivo:

  • En la primera etiqueta, hay ".html" y ".xhtml"Especificado como el tipo de archivo en el"aceptar"El usuario solo podrá seleccionar".html" y ".xhtml"Archivos del sistema. De hecho, los archivos con todos los demás tipos de archivos no se mostrarán al usuario mientras navegan desde el sistema.
  • Del mismo modo, el "imagen/*"No permitirá que el usuario ingrese ningún formato de archivo que no sea las imágenes.
  • ".mp3"Permitirá al usuario seleccionar".mp3"Archivos de audio solamente.
  • ".pdf"Permitirá que el usuario navegue e insertará solo archivos PDF desde el sistema.

Esto mostrará los siguientes resultados:

Veamos cómo funciona seleccionando uno de los campos de entrada creados:

En la figura anterior, seleccionamos el "Elija el archivoBotón "que se creó restringiendo el tipo de archivo a PDF solamente. Esto muestra o navega solo los archivos formateados en PDF desde el sistema.

De esta manera, los formatos de archivo están restringidos donde los campos de entrada se crean en HTML.

Conclusión

Limitar los formatos de archivo en HTML solo requiere agregar una etiqueta y especificar el formato de archivo en el atributo aceptar. Los formatos de archivo se especifican en el atributo Aceptar, y esto restringe al usuario navegando y seleccionando los archivos solo del formato de archivo definido. Este artículo tiene suficiente información para aprender a usar la etiqueta para limitar el formato de archivo.