Wie überprüfe ich die Dateieingabegröße mit jQuery?

So überprüfen Sie die Dateieingabegröße mit jQuery

Problem:

Sie möchten eine clientseitige Fehlerberichterstattung für implementieren übergroße Dateien in einem Datei-Upload-Formular mit jQuery. Sie fragen sich, ob es möglich ist, die Dateigröße entweder lokal oder durch Senden an den Server zu überprüfen.

Antwort:

Während der direkte Dateizugriff nicht verfügbar ist JavaScript, die HTML5-Datei-API, stellt verschiedene Dateieigenschaften bereit, einschließlich der Dateigröße.

Lösung für moderne Browser (HTML5 Konform):

<code class="html"><input type="file" id="myFile" /></code>

<code class="javascript">$('#myFile').bind('change', function() {
  alert(this.files[0].size); // Gets the file size in bytes
});</code>

Unterstützung für ältere Browser:

Ältere Browser unterstützen die Datei-API möglicherweise nicht. Überprüfen Sie den Support, bevor Sie den Code verwenden:

<code class="javascript">if (window.File && window.FileReader && window.FileList && window.Blob) {
  // File API support detected, continue with the solution above
} else {
  // Fallback handling for older browsers
  // (e.g., display an error message or implement custom file size validation)
}</code>

Das obige ist der detaillierte Inhalt vonWie überprüfe ich die Dateieingabegröße mit jQuery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!