How to read a text file from server using JavaScript?

by

You can use hidden frame, load the file in there and parse its contents.

HTML:

<iframe id="frmFile" src="https://stackoverflow.com/questions/4533018/test.txt" onload="LoadFile();" style="display: none;"></iframe>

JavaScript:

<script type="text/javascript">
function LoadFile() {
    var oFrame = document.getElementById("frmFile");
    var strRawContents = oFrame.contentWindow.document.body.childNodes[0].innerHTML;
    while (strRawContents.indexOf("\r") >= 0)
        strRawContents = strRawContents.replace("\r", "");
    var arrLines = strRawContents.split("\n");
    alert("File " + oFrame.src + " has " + arrLines.length + " lines");
    for (var i = 0; i < arrLines.length; i++) {
        var curLine = arrLines[i];
        alert("Line #" + (i + 1) + " is: '" + curLine + "'");
    }
}
</script>

Note: in order for this to work in Chrome browser, you should start it with the –allow-file-access-from-files flag. credit.

More Related Contents:

  1. How to send data to the server via Ajax?
  2. How to edit my existing JS script to upload form when submit is clicked? [closed]
  3. HTML: how refresh information in [closed]
  4. How can I upload files asynchronously with jQuery?
  5. Download a file by jQuery.Ajax
  6. Variable doesn’t get returned from AJAX function
  7. Executing injected by innerHTML after AJAX call
  8. Prevent browser caching of AJAX call result
  9. How does AJAX work?
  10. Post data to JsonP
  11. HTTP HEAD Request in Javascript/Ajax?
  12. Is it possible to use Ajax to do file upload?
  13. How to get an AJAX get-request to wait for the page to be rendered before returning a response?
  14. Caching a jquery ajax response in javascript/browser
  15. TypeError: Cannot read property ‘setState’ of undefined
  16. How to return an Ajax result using async/await? [duplicate]
  17. Server polling with JavaScript
  18. How to get response url in XMLHttpRequest?
  19. pdf file upload ajax html
  20. Javascript regex returning true.. then false.. then true.. etc [duplicate]
  21. Is it any limit for POST data size in Ajax?
  22. Load google maps v3 dynamically with ajax
  23. Ajax file upload
  24. Relative URLs in AJAX requests
  25. Send form data using ajax
  26. jQuery ajax async: false causes a strange warning?
  27. Set Request Header jQuery Ajax
  28. Cross-Origin resource sharing and file://
  29. ‘append’ called on an object that does not implement interface FormData
  30. How to convert a byte array into an image?

Leave a Comment