Home/ Questions/Q 7677721
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T17:29:13+00:00

Here is my code. The problem is that the information isn’t being alerted. It

  • 0

Here is my code. The problem is that the information isn’t being alerted. It worked in Js Fiddle but not on chrome/firefox/safari. When I tried to use document.write to display the text in JsFiddle that didn’t work either. This code is giving me lots of problems.

<html>
<head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
                    function readMultipleFiles(evt) {
            //Retrieve all the files from the FileList object
            var files = evt.target.files;
            if (files) {
                var r = new FileReader();
                for (var i = 0, f; f = files[i]; i++) {
                    r.onload = (function(f) {
                        return function(e) {
                            var contents = e.target.result;
                            alert(contents);
                        };
                    })(f);
                    r.readAsText(f);;
                }
            } else {
                alert("Failed to load files");
            }
        }
        document.getElementById('fileinput').addEventListener('change', readMultipleFiles, false);

    </script>
</head>
<body>
<input type="file" id="fileinput"/>

​</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    try

    window.onload = function() {
    document.getElementById('fileinput').addEventListener('change', readMultipleFiles, false);
}

    Instead of just

    document.getElementById('fileinput').addEventListener('change', readMultipleFiles, false);

    Edit: So yeah, the solution was here

    execute chrome with chrome.exe --disable-web-security for windows or google-chrome --disable-web-security for linux.

    • 0