Nouveau type de fonctionnalité HTML5 = fonction de téléchargement de fichiers

Auteur：Eve Cole Date de mise à jour：2025-02-14 14:00:03

1. Grammaire

<input name=myFile type=file>

2. Attributs (les trois suivants ne sont pris en charge que par HTML5, il y a donc des problèmes de compatibilité)

(1) multiple : indique si l'utilisateur peut sélectionner plusieurs valeurs. Multiple ne peut être utilisé qu'avec type=file et type=email.

(2) accepter : Le type de fichier accepté par le serveur, sinon il sera ignoré.

audio/* représente les fichiers son. Uniquement pris en charge par HTML5

video/* représente les fichiers vidéo. Uniquement pris en charge par HTML5

image/* représente les fichiers image. Uniquement pris en charge par HTML5

(3) obligatoire : Cet attribut précise que l'utilisateur doit renseigner une valeur avant de soumettre le formulaire.

3. Obtenez les informations sur les fichiers téléchargés

 <!DOCTYPE html><html lang=zh> <head> <meta charset=UTF-8 /> <meta http-equiv=X-UA-Compatible content=ie=edge /> <title>fichier multiple</title> </head> <body> <input type=file multiple=multiple id=test> <p id='content'></p> <script type=text/javascript> var test = document.getElementById('test'); test.addEventListener('change', function() { var t_files = this.files; var str = ''; for(var i = 0, len = t_files.length; i < len ; i++) { console.log(t_files[i]); str += '<a href=javascript:void(0)>' + t_files[i].name + '</a><br/>'; document.getElementById('content').innerHTML = str; </script> </body></html>

montrer:

Pour une utilisation plus spécifique, voir MDN : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file

Résumer

Ce qui précède est la nouvelle fonction de téléchargement de fichiers HTML5 type=file introduite par l'éditeur. J'espère qu'elle vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra à temps. Je tiens également à remercier tout le monde pour votre soutien au site d'arts martiaux VeVb !