Untitled

<!DOCTYPE html>
<html>
  <head>
    <title>reading xml</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
  <body>
    <input type="file" id="files" name="files[]" multiple />
    <output id="list"></output>

    <script>
      function handleFileSelect(evt) {
        var files = evt.target.files; // FileList object

        // Loop through the FileList
        for (var i = 0, f; f = files[i]; i++) {

          var reader = new FileReader();

          // Closure to capture the file information.
          reader.onload = (function(theFile) {
            return function(e) {
              // Print the contents of the file
              var span = document.createElement('span');
              span.appendChild(document.createTextNode(e.target.result))
              document.getElementById('list').insertBefore(span, null);
            };
          })(f);
          // Read in the file
          reader.readAsText(f);
        }
      }
      document.getElementById('files').addEventListener('change', handleFileSelect, false);
    </script>
  </body>
</html>