Client Überprüfen der Dateigröße mit HTML5?

Ich versuche, die HTML5-Welle zu fahren, aber ich stehe vor einem kleinen Problem. Vor HTML5 haben wir die Dateigröße mit Flash überprüft. Jetzt geht der Trend dahin, die Verwendung von Flash in Web-Apps zu vermeiden. Gibt es eine Möglichkeit, die Dateigröße auf der Clientseite mit HTML5 zu überprüfen?

Das funktioniert. Platzieren Sie es in einem Ereignis-Listener, wenn sich die Eingabe ändert.

if (typeof FileReader !== "undefined") {
    var size = document.getElementById('myfile').files[0].size;
    // check file size
}

Die akzeptierte Antwort ist tatsächlich korrekt, aber Sie müssen sie an einen Ereignis-Listener binden, damit sie aktualisiert wird, wenn die Dateieingabe geändert wird.

document.getElementById('fileInput').onchange = function(){
    var filesize = document.getElementById('fileInput').files[0].size;
    console.log(filesize);    
}

Wenn Sie die jQuery-Bibliothek verwenden, kann der folgende Code hilfreich sein

$('#fileInput').on('change',function(){
  if($(this).get(0).files.length > 0){ // only if a file is selected
    var fileSize = $(this).get(0).files[0].size;
    console.log(fileSize);
  }
});

Vorausgesetzt, die Konvertierung der Dateigröße zur Anzeige in welcher Metrik auch immer, liegt bei Ihnen.

HTML5 fie api unterstützt das Überprüfen der Dateigröße.

Lesen Sie diesen Artikel, um weitere Informationen zur Datei-API zu erhalten

http://www.html5rocks.com/de/tutorials/file/dndfiles/

<input type="file" id="fileInput" />


var size = document.getElementById("fileInput").files[0].size;

In ähnlicher Weise gibt die Datei-API Name und Typ an.

Persönlich würde ich mich für dieses Format entscheiden:

    $('#inputFile').bind('change', function(e) {
      var data = e.originalEvent.target.files[0];
      // and then ...
      console.log(data.size + "is my file's size");
      // or something more useful ...
      if(data.size < 500000) {
        // what your < 500kb file will do
      }
    }

"Keine einfache, browserübergreifende Lösung, um dies zu erreichen": Ermitteln der Größe des Datei-Uploads auf der Clientseite?