Maison > interface Web > tutoriel HTML > Diverses méthodes d'implémentation de téléchargement de fichiers dans le développement Web (avec code)

Diverses méthodes d'implémentation de téléchargement de fichiers dans le développement Web (avec code)

angryTom
Libérer: 2019-11-28 14:00:17
avant
6886 Les gens l'ont consulté

Diverses méthodes d'implémentation de téléchargement de fichiers dans le développement Web (avec code)

Le téléchargement de fichiers est une exigence courante dans le développement Web. Pour télécharger des fichiers, vous devez utiliser la zone de saisie de fichier si vous ajoutez un attribut multiple au fichier. zone de saisie, vous pouvez en sélectionner plusieurs à la fois. Fichier (les navigateurs non pris en charge ignoreront automatiquement cet attribut)

<input multiple type="file">
Copier après la connexion

Cliquez sur cette zone de saisie pour ouvrir la boîte de dialogue Parcourir les fichiers et sélectionner les fichiers. Généralement, une zone de saisie est. assez pour télécharger un fichier. Vous pouvez également télécharger plusieurs fichiers. Plusieurs zones de saisie peuvent être utilisées pour traiter cela pour être compatible avec les navigateurs qui ne prennent pas en charge l'attribut multiple. les utilisateurs ne sélectionnent généralement pas plusieurs fichiers

(apprentissage recommandé : Tutoriel vidéo HTML )

Méthode de téléchargement de base

Mettez la zone de saisie du fichier dans le formulaire Lors de la soumission du formulaire, vous pouvez soumettre les fichiers sélectionnés ensemble et les télécharger sur le serveur. le formulaire soumis contient des fichiers, vous devez modifier le enctype de l'élément du formulaire. L'attribut est multipart/form-data

<form action="#" enctype="multipart/form-data" method="post">
  <input name="file" type="file">
  <button type="submit">Upload</button>
</form>
Copier après la connexion

. téléchargement synchrone traditionnel. Si le fichier téléchargé est volumineux, vous devez souvent attendre longtemps, et la page sera rechargée une fois le téléchargement terminé. Et vous devez attendre la fin du téléchargement avant de pouvoir continuer l'opération

Les premiers navigateurs ne prennent pas en charge le téléchargement asynchrone, mais vous pouvez utiliser

iframe pour le simuler, masquer un élément