File experiment

by Richard Hunter

HTML

<h1>File API example</h1>
<input type="file" id="file-selector" multiple />

JavaScript

(function (window, undefined) {

    var fileInput = document.querySelector("#file-selector");

    function fileInputChange(event) {

        var files = event.target.files;

        for (var i = 0; i < files.length; i++) {
            var file = files.item(i);
            for (prop in file) {
                console.log("prop %s is: %s", prop, file[prop]);
            }
        }
    }

    fileInput.addEventListener("change", fileInputChange, false);

}(window));