Not allowed to load local resources Angular

Question

I have an angular app. When I try to open a text file from a new window in a local folder(F drive) on button click, console log the below error. Any suggestion to fix this and open it.

 clickme(){
    window.open("F:/Angular repo/New Text Document.txt", "_blank");                           
     }

Does this answer your question? Cannot open local file - Chrome: Not allowed to load local resource — Jax-p
– Jax-p, Commented Mar 11, 2022 at 9:08

Alain Boudard · Accepted Answer · 2022-03-11 09:20:31Z

1

you cannot open such a file from a web page that is hosted on a "server" (wether your Angular app is served with ng serve command or with a web server like nginx). You would need to upload it somewhere, and it will have an URL on its own :

- http://my-server/my-file.txt

Or you can place this file in the /assets folder of your Angular application, if you intend to deliver this file along with your Angular pages.

Maybe you can check such articles about assets in Angular : https://lukasznojek.com/blog/2019/03/angular-cli-different-ways-to-include-assets/

Cheers

answered Mar 11, 2022 at 9:20

Alain Boudard

8937 silver badges17 bronze badges

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

2 Comments

Piumi ganegoda Over a year ago

any workaround to make the local folders accessible?

Alain Boudard Over a year ago

Well, this is not related to Angular really, so I would advice you to check on your objectives, what exactly do you want to do with this file, does it really have to be on the disk ... and so on. If you really want to access it, you would have to make a input type file in HTML form and use the FileAPI to read it eventually. web.dev/read-files

Collectives™ on Stack Overflow

Not allowed to load local resources Angular

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related