Comment puis-je vérifier la taille du fichier avant de le télécharger avec JavaScript ?

Vérification de la taille du fichier avant le téléchargement en JavaScript

Grâce à la fonctionnalité avancée de JavaScript, il est possible de valider la taille du fichier avant le téléchargement. Cela garantit le respect des contraintes de taille, évitant ainsi les problèmes côté serveur ou les frustrations des utilisateurs dues à des fichiers de grande taille.

Solution : l'API File

L'API File fournit une solution simple moyen d'interagir avec les fichiers côté client. Voici un exemple pratique :

document.getElementById("btnLoad").addEventListener("click", function showFileSize() {
  // Check for browser support
  if (!window.FileReader) {
    console.log("File API not supported");
    return;
  }

  var input = document.getElementById("fileinput");

  // Check for selected file
  if (!input.files || !input.files[0]) {
    addPara("Select a file first");
  } else {
    var file = input.files[0];
    addPara("File " + file.name + " is " + file.size + " bytes in size");
  }
});

Ce script :

1. Écoute un clic sur le bouton « Charger ».
2. Vérifie la prise en charge de l'API de fichiers et avertit s'il n'est pas disponible.
3. Accès au fichier sélectionné à partir du element.
4. Enregistre la taille du fichier dans le corps du document.

En intégrant ce script dans votre formulaire de téléchargement, vous pouvez efficacement empêcher les soumissions de fichiers volumineux et offrir une expérience utilisateur transparente.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!