Limiter le format de fichier lors de l'utilisation

Limiter le format de fichier lors de l'utilisation
La plupart du temps, certains sites Web demandent à l'utilisateur les informations d'un fichier. L'utilisateur doit télécharger ses fichiers sur l'application Web pour que les données soient traitées. Cependant, si l'utilisateur télécharge un format de fichier non compatible, cela peut provoquer une bissage de l'ensemble du site Web ou des données à tort.

Pour éviter cela, le développeur du site Web peut mettre une limite de «type» sur le type de fichiers que l'utilisateur peut télécharger. Par conséquent, tout en créant de tels formulaires et éléments via HTML, où les utilisateurs sont invités à insérer des fichiers, il faut s'assurer que le format de fichier a été limité au seul type de fichier requis pour cette opération. Cela se fait facilement à travers le «”Tag dans HTML.

Limiter le format de fichier à l'aide du fichier de type d'entrée

Les formats de fichiers peuvent être limités ou limités en ajoutant le «saisir"Tag avec le"taper«Attribut et définition de l'attribut de type égal à«déposer", Puis ajoutant le"accepter”Attribut dans la même balise pour définir le format de fichier.

Exemple: Limiter les fichiers à différents formats

Ajoutons un exemple simple pour restreindre le type de fichier dans les champs d'entrée:

Insérer uniquement les fichiers HTML




Insérer des images uniquement




Insérer les fichiers MP3 uniquement




Insérer uniquement les fichiers PDF



Dans l'extrait de code ci-dessus, il y a des

En-têtes pour spécifier le format de type de fichier à ajouter comme entrée et après chaque rubrique, il y a les balises d'entrée avec "accepter”Attribut pour spécifier le format de fichier:

  • Dans la première étiquette, il y a «.html" et ".xhtml»Spécifié comme type de fichier dans le«accepter"L'utilisateur ne pourra sélectionner que".html" et ".xhtml»Fichiers du système. En fait, les fichiers avec tous les autres types de fichiers ne seront pas affichés à l'utilisateur lors de la navigation à partir du système.
  • De même, le «image/*"Ne laissera pas l'utilisateur saisir un format de fichier autre que les images.
  • ".mp3"Permettra à l'utilisateur de sélectionner".mp3»Fichiers audio uniquement.
  • ".pdf"Laissera l'utilisateur naviguer et insérer uniquement les fichiers PDF du système.

Cela affichera les résultats suivants:

Voyons comment cela fonctionne en sélectionnant l'un des champs d'entrée créés:

Dans la figure ci-dessus, nous avons sélectionné le «Choisir le fichier”Bouton créé en restreignant le type de fichier sur PDF uniquement. Cela affiche ou ne parcoure que les fichiers formatés PDF à partir du système.

De cette façon, les formats de fichiers sont limités lorsque les champs d'entrée sont créés dans HTML.

Conclusion

Limiter les formats de fichiers dans HTML uniquement nécessite d'ajouter une balise et de spécifier le format de fichier dans l'attribut Accept. Les formats de fichiers sont spécifiés dans l'attribut Accept, ce qui limite l'utilisateur à parcourir et à sélectionner les fichiers uniquement du format de fichier défini. Cet article dispose de suffisamment d'informations pour apprendre à utiliser la balise pour limiter le format de fichier.