"Si un ouvrier veut bien faire son travail, il doit d'abord affûter ses outils." - Confucius, "Les Entretiens de Confucius. Lu Linggong"
Page de garde > La programmation > Comment puis-je vérifier la taille du fichier avant de télécharger avec JavaScript?

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

Publié le 2025-03-25
Parcourir:268

How Can I Verify File Size Before Uploading with JavaScript?

Vérification de la taille du fichier avant de télécharger avec javaScript

lors de la gestion des téléchargements 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 de fichier.

Solution:

pour valider la taille du fichier avant de 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. Contraintes de taille, le nom et la taille du fichier 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.
Dernier tutoriel Plus>

Clause de non-responsabilité: Toutes les ressources fournies proviennent en partie d'Internet. En cas de violation de vos droits d'auteur ou d'autres droits et intérêts, veuillez expliquer les raisons détaillées et fournir une preuve du droit d'auteur ou des droits et intérêts, puis l'envoyer à l'adresse e-mail : [email protected]. Nous nous en occuperons pour vous dans les plus brefs délais.

Copyright© 2022 湘ICP备2022001581号-3