javascript - 错误: Not allowed to load local resource

Question

我正在我的操作类中动态构建指向本地 IP 地址的 URL，
下面是构建的 URL:

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

上面的 URL 在 IE 中工作正常，但在 chrome 中我无法访问该 URL，下面是浏览器控制台上注意到的异常:

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

如何从 chrome 访问本地文件系统？请提出建议。谢谢。

Answer 1

出于安全原因，您无法访问此类文件。但是您可以使用 javascript 访问文件而无需上传它。一种方法是使用文件输入字段。

1. 向页面添加文件输入字段
2. 向输入添加 onchange 事件监听器
3. 获取文件
4. 使用 URL.createObjectURL 函数创建 URL

示例代码

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

      })