javascript - How to print all the txt files inside a folder using java script

Question

I need to print all the txt files from a directory inside an HTML using javascript. i tried to modify a code dealing with photos but I didn't success

How to load all the images from one of my folder into my web page, using Jquery/Javascript

var dir = "D:Finaltestsest1
ewplaces";
var fileextension = ".txt";
$.ajax({
    //This will retrieve the contents of the folder if the folder is configured as 'browsable'
    url: dir,
    success: function (data) {
        //List all .txt file names in the page
        $(data).find("a:contains(" + fileextension + ")").each(function () {
         var filename = this.href.replace(window.location.host, "").replace("http://", "");
        $("body").append("<input type='file' onload='readText(" + dir + ")>");


        });
    }
});

Answer 1

You can use <input type="file"> with multiple attribute set, accept attribute set to text/plain; change event ;FileReader, for loop.

var pre = document.querySelector("pre");

document.querySelector("input[type=file]")
.addEventListener("change", function(event) {
  var files = event.target.files;
  for (var i = 0; i < files.length; i++) {
    (function(file) {
      var reader = new FileReader();
      reader.addEventListener("load", function(e) {
         pre.textContent += "
" + e.target.result;
      });
      reader.readAsText(file)
    }(files[i]))
  }
})

<input type="file" accept="text/plain" multiple />
<pre>

</pre>