错误：不允许加载本地资源

Question

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.

Answer 1

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

      })

Answer 2

file:// work only on your computer.

It's a security.