Auto read local file with html js or reactjs framework

Question

I have researched for many hours to find the way to auto read local file with html and js , but the only way is create input tag in html but user need to select file in their computer and read it - this way doesn't auto read (I use http-server command to run html file).

I know direct access "file://" is blocked by browsers for security reasons or some solution like "--allow-file-access-from-files"

But when i use reactjs and read file from public folder, it's work (app create by npx create-react-app )

Could you tell me the difference between them and give a solution to auto read local txt file with only html,js.

Sorry for my bad English.

Thank you very much

Lalit Yadav · Accepted Answer · 2020-05-15 14:51:08Z

1

create-react-app is just serving your local files via Webpack, it is the same as using Nginx to serve your local files or using Apache. When you create a build using webpack you are merely guiding your server to serve static content at a particular host.

You may want to refer to Nginx and Express and read how they work.

answered May 15, 2020 at 14:51

Lalit Yadav

90910 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Võ Quốc Huy Over a year ago

Thank you for fast rely, what about http-server to run localhost:8080, does it serving my local file, and why I can't read my local txt file via html,js file.Can you explain it to me

Lalit Yadav Over a year ago

It depends upon the loader, for example, you may very well ready your CSS and HTML just like that you will need a loader for your type, in your case your can use webpack's raw-loader webpack.js.org/loaders/raw-loader

Collectives™ on Stack Overflow

Auto read local file with html js or reactjs framework

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related