file

     
        <input type="file" multiple name="file[]" id="file">
        <div id="info"></div>
        <div id="result"></div>  

 <script type="text/javascript">
            (function () {
                if (window.file) {
                    debugger;
                    var fileEl = document.getElementById('file');
                    fileEl.addEventListener("change", display);

                    function display() {
                        var files = fileEl.files;
                        debugger
                        console.log(typeof filesArray);
                        var info = "";
                        var result = "";
                        var fileReader;

                        for (var idx = 0; idx < files.length; idx++) {
                            debugger
                            var file = files[idx];
                            var fileName = file.name;
                            var fileSize = file.size;
                            var fileType = file.type;
                            var fileUpdate = file.lastModifiedDate;
                            var fileUrn = file.urn;
                            info += '--------------------------------------------------------';
                            info += '<li>' + 'fileName: ' + fileName + '</li>';
                            info += '--------------------------------------------------------';
                            info += '<li>' + 'fileSize: ' + fileSize + '</li>';
                            info += '<li>' + 'fileType ' + fileType + '</li>';
                            info += '<li>' + 'fileUpdate ' + fileUpdate + '</li>';
                            info += '<li>' + 'fileUrn ' + fileUrn + '</li>';
                           
                            fileReader = new FileReader();
                            fileReader.readAsText(file, "utf-8");
                            fileReader.addEventListener('load', function () {
                                debugger;
                                result += document.getElementById('result').innerHTML;
                                result += '-------------------------------------------------------';
                                result += '<li>' + "内容：" + fileReader.result + '</li>';
                                document.getElementById('result').innerHTML = result;
                            });

                            fileReader.addEventListener('error', error);
                            function error() {
                                return function () {
                                    alert(event.target.error.code);
                                };
                            }
                        }

                        document.getElementById('info').innerHTML = info;
                    }

                } else {
                    alert('fileをサポートしません');
                }

            })();
        </script>