CODEWITHSUNDEEP
javascripthtml
user3711336
user3711336

Reputation: 23

error: Not allowed to load local resource

I'm constructing the URL dynamically pointing to local IP address in my action class,
Below is the URL constructed:

<a file='#' onClick=window.open('file://154.66.111.123/SD/SPRD/index.htm','_self') >Click Here </a>

The above URL works fine in IE, but in chrome i could not able to access that URL, below is the exception noticed on browser console:

Not allowed to load local resource:file://154.66.111.123/SD/SPRD/index.htm

How can i access local file system from chrome?Please suggest. Thanks.

Upvotes: 2

Views: 10496

Answers (2)

Mohamed Abdallah
Mohamed Abdallah

Reputation: 996

You can't access a file like that for security reasons. But you can access a file without uploading it using javascript. one way to do that is using file input field.

  1. Add a file input field to the page
  2. Add onchange event listener to the input
  3. Get the file
  4. Create the url using URL.createObjectURL function

sample code

let input = document.querySelector("#input");

input.addEventListener("change", (e)=>{
        let file = input.files[0];
        let url = URL.createObjectURL(file); // A valid URL that you can use on the page

      })

Upvotes: 3

user2226755
user2226755

Reputation: 13173

file:// work only on your computer.

It's a security.

Upvotes: -1

Related Questions