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 de le télécharger avec JavaScript

Lors du téléchargement de fichiers, il est crucial de s'assurer que la taille du fichier répond à certaines contraintes. JavaScript fournit une solution élégante pour cela avec l'API File.

Solution :

Pour valider la taille du fichier avant de le télécharger, utilisez le code suivant :

// Setup event listener for 'Load' button click
document.getElementById("btnLoad").addEventListener("click", function () {
  // Verify browser support for FileReader
  if (!window.FileReader) {
    console.log("File API not supported.");
    return;
  }

  // Retrieve the file from the file input
  var input = document.getElementById("fileinput");
  var file = input.files[0];

  // Validate file size
  if (!file) {
    console.log("No file selected.");
  } else {
    console.log("File " + file.name + " is " + file.size + " bytes in size.");
  }
});

Explication :

• Ce code utilise l'API FileReader pour lire le fichier et déterminer sa taille en octets.
• La validation s'effectue dans l'écouteur d'événement attaché au bouton 'Charger'.
• Si un fichier est récupéré avec succès et répond aux contraintes de taille, le nom du fichier et la taille sont affichés dans la console.
• Si aucun fichier n'est sélectionné ou si le navigateur ne prend pas en charge l'API de fichier, les messages appropriés sont affichés.

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!