Reading / uploading file on web page

Question

I want user to input a text file from his local storage to browser , then i want to read that file using JavaScript.
how to do this? what should i learn ? can you explain with simple example?
This is what I want to achieve
1> User selects a text file from his storage device
2> Read , verify and do some string operations on file using JAVASCRIPT
3> Create a JSON object by extracting text from file
4> Send JSON to server

Answer 1

You need server side scripts.
You need a web server to run your project. Why not use php instead.

Answer 2

I can run nodejs server locally

Answer 3

This is what I want to achieve
1> User selects a text file from his storage device
2> Read , verify and do some string operations on file using JAVASCRIPT
3> Create a JSON object by extracting text from file
4> Send JSON to server

Answer 4

ok thanks @Morpheus
I found something here :-
https://www.html5rocks.com/tutorials/file/dndfiles/

Answer 5

I found this
http://www.dotnetcurry.com/html5/1167/read-local-file-api-html5-javascript

Answer 6

https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Sending_and_Receiving_Binary_Data
I have not done this yet but I ll try it myself too 👍
I ll post the progress soon

Answer 7

code learner , do you want to modify the file locally as well before converting it to json,
I have few codes for that on nodejs,
fs module will handle that file manipulation,
rest JSON.stringify() and a post Operation will take care , I ll try to write it fresh with comments 👍

Answer 8

ok

Answer 9

code learner I made the complete stuff , i ll post the repo link ,
sorry for delay but using npm packages for everything made me so ignorant that I had to study again fir doing simple things, like request handling , body parsing etc 😅

Answer 10

yes html5 s file reader API , its awesome 👍

Answer 11

so , I m still trying to parse the post body at server side without any external libraries,
hence you ll get clumsy raw data, will update the repo as I find a fix