„Wenn ein Arbeiter seine Arbeit gut machen will, muss er zuerst seine Werkzeuge schärfen.“ – Konfuzius, „Die Gespräche des Konfuzius. Lu Linggong“
Titelseite > Programmierung > Wie kann ich die Dateigröße überprüfen, bevor ich mit JavaScript hochladen soll?

Wie kann ich die Dateigröße überprüfen, bevor ich mit JavaScript hochladen soll?

Gepostet am 2025-03-25
Durchsuche:284

How Can I Verify File Size Before Uploading with JavaScript?

Lösung:

, um die Dateigröße vor dem Hochladen zu validieren, verwenden Sie den folgenden Code: // Setup Event Listener für 'Button -Klick -Klick' Setup für 'Load' Button Click -Klick -Klick -Klick -Klick -Klick -Klick -Klicks. document.getElementById ("Btnload"). AddEventListener ("Click", function () { // Überprüfen Sie die Browserunterstützung für FileReader if (! window.filereader) { console.log ("Datei -API nicht unterstützt."); zurückkehren; } // Die Datei aus der Dateieingabe abrufen var input = document.getElementById ("fileInput"); var file = input.files [0]; // Dateigröße validieren if (! Datei) { console.log ("Keine Datei ausgewählt"); } anders { console.log ("Datei" Datei.name "ist" Datei.Size "-Bytes in Größe."); } });

Erläuterung:
// 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.");
  }
});

Dieser Code verwendet die FileReader -API, um die Datei zu lesen und ihre Größe in Bytes zu bestimmen. Einschränkungen, Dateiname und Größe werden in der Konsole angezeigt.

Wenn keine Datei ausgewählt ist oder der Browser die Datei -API nicht unterstützt, werden entsprechende Nachrichten angezeigt.
Neuestes Tutorial Mehr>

Haftungsausschluss: Alle bereitgestellten Ressourcen stammen teilweise aus dem Internet. Wenn eine Verletzung Ihres Urheberrechts oder anderer Rechte und Interessen vorliegt, erläutern Sie bitte die detaillierten Gründe und legen Sie einen Nachweis des Urheberrechts oder Ihrer Rechte und Interessen vor und senden Sie ihn dann an die E-Mail-Adresse: [email protected] Wir werden die Angelegenheit so schnell wie möglich für Sie erledigen.

Copyright© 2022 湘ICP备2022001581号-3