JavaScript e.originalEvent.dataTransfer.files Datei Größe?

[SourceCoder]

Hallo Zusammen,

ich bin es wieder und zwar habe ich die Drag&Drop Funktion von diesem Tutorial übernommen, http://canals.ch/tutorials/html5-dateiuploader/

Dort wird e.originalEvent.dataTransfer.files an die Upload Funktion übergeben, nun möchte ich gern vorher die Datei Größe überprüfen und wenn Sie über 2MB liegt soll ein Hinweis Fenster kommen und die Datei nicht hochgeladen werden.

Wie genau kann ich die Größe des e.originalEvent.dataTransfer.files abfragen?

 

[Spike S.]

Aus dem file Beispiel von dieser Seite https://developer.mozilla.org/en-US/docs/DragDrop/DataTransfer

e.originalEvent.dataTransfer.files[0].size

Falls die Eigenschaft nicht verfügbar ist:

e.dataTransfer.files[0].size

...versuchen.

Der Unterschied ist, e.originalEvent. ist das eigentliche Original-EventObjekt. Ohne ist es eins von jquery bearbeitetes EventObjekt. Dadurch können sie sich vom Umfang her unterscheiden. Welches jetzt was genau hat, weiß ich nicht, allerdings kann es da nach allgemeiner Erfahrung gravierende Unterschiede geben. http://stackoverflow.com/questions/11885900/difference-between-event-originalevent-datatransfer-files-and-event-datatransfer

Mit einem Debugger, wie z.B. Firebug, kann man sich die Objekte in der Console anzeigen lassen, dann kann man relativ leicht sehen in welchem Objekt welche Daten verborgen sind.

console.log(e.originalEvent.dataTransfer);
console.log(e.dataTransfer);