Reading client side text file using Javascript

by

If you want to read files on the client using HTML5’s FileReader, you must use Firefox, Chrome or IE 10+. If that is true, the following example reads a text file on the client.

your example attempts to use fopen that I have never heard of (on the client)

http://jsfiddle.net/k3j48zmt/

   document.getElementById('file').addEventListener('change', readFile, false);

   function readFile (evt) {
       var files = evt.target.files;
       var file = files[0];           
       var reader = new FileReader();
       reader.onload = function(event) {
         console.log(event.target.result);            
       }
       reader.readAsText(file)
    }

For IE<10 support you need to look into using an ActiveX Object like ADO.Stream Scripting.FileSystemObject http://msdn.microsoft.com/en-us/library/2z9ffy99(v=vs.85).aspx but you’ll run into a security problem. If you run IE allowing all ActiveX objects (for your website), it should work.

More Related Contents:

  1. event.preventDefault() vs. return false
  2. What is DOM Event delegation?
  3. What is event bubbling and capturing?
  4. How can I trigger a JavaScript event click
  5. The value of “this” within the handler using addEventListener
  6. What exactly is the parameter e (event) and why pass it to JavaScript functions?
  7. How to get a word under cursor using JavaScript?
  8. Intercept page exit event
  9. Listening for variable changes in JavaScript
  10. React onClick function fires on render
  11. How can I get the destination URL for the onbeforeunload event?
  12. How to check whether dynamically attached event listener exists or not?
  13. Pass mouse events through absolutely-positioned element
  14. jQuery equivalent of JavaScript’s addEventListener method
  15. In React, what’s the difference between onChange and onInput?
  16. Trigger onmouseover event programmatically in JavaScript
  17. Prevent parent container click event from firing when hyperlink clicked [duplicate]
  18. onMouseMove get mouse position [duplicate]
  19. Do I need to remove event listeners before removing elements?
  20. How to fire a change event on a HTMLSelectElement if the new value is the same as the old?
  21. With form validation: why onsubmit=”return functionname()” instead of onsubmit=”functionname()”?
  22. cloning javascript event object
  23. JavaScript KeyCode Values are “undefined” in Internet Explorer 8
  24. Call a Javascript function every 5 seconds continuously [duplicate]
  25. How to listen for child window closing?
  26. JavaScript Event prototype in IE8
  27. How browser executes Javascript and renders asynchronously
  28. Reload an HTML page just once using JavaScript
  29. Detecting support for a given JavaScript event?
  30. In web browsers, what’s the difference between onblur and onfocusout?

Leave a Comment