chrome实现访问本地文件

最新推荐文章于 2024-06-03 13:43:29 发布
最新推荐文章于 2024-06-03 13:43:29 发布
阅读量8.2k 收藏 5
点赞数
分类专栏： java技术
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40194150/article/details/89458065
版权

解决跨域问题的方式有很多，例如：Nginx代理、通过http头来解决等，今天尝试了一下，火狐可以访问，其他浏览器却无法访问本地文件，我找到了一个在前端分离开发阶段比较简单的方式，以chrome为例。记录如下：
在chrome的快捷方式的“目标”在后面加上 --allow-file-access-from-files
比如我的就是：“C:\Users\leilei\AppData\Local\Google\Chrome\Application\chrome.exe --allow-file-access-from-files”
然后用快捷方式打开chrome，在输入你本地页面路径
亲测可用

leileishuaiouba
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
如何在web端实现本地文件的访问功能
CXZJZ的专栏
12-01 1万+
由于浏览器的安全性限制，无法在浏览器中直接访问本地路径下的文件，包括图片文件、视频文件等。我们通过一个AnyChat的项目来举例说明如何实现web浏览器访问本地文件： 通过该Web服务器便访问本地路径下的文件方法： AnyChat内置的Web服务器默认是关闭状态，需要在初始化SDK成功之后通过如下的API接口打开： BRAC_SetSDKOption(BRAC_SO_
chrome 跨域本地文件读取
anole2012的博客
04-13 845
设置方法 打开一个新的可跨域的chrome窗口实现方法： 1. 打开终端 2. 输入下面的命令( 需要替换路径中的yourname ) open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/yourname/MyChromeDevUserData/...
chrome-extension---Access-Local-Files:Chrome扩展程序可打开本地文件并执行跨域访问的iframe中的window.open
05-01
（英文） 启用本地文件链接 与IE不同，Chrome无法打开指向本地文件（file：//）的链接。 此扩展名使您可以打开本地文件链接。 从iframe打开window.open Chrome会阻止从跨域框架中单击的所有window.open。 该扩展名允许您打开窗口。 单击链接到本地​​文件。 文件打开。 Chrome商店 原始扩展名 原始的chrome扩展名仅允许打开本地链接。 我已经修改了从跨域框架访问执行window.open的代码。 Chrome商店说明
chrome加载本地文件
never give up的专栏
11-04 1226
在chrome快捷方式=》目标后面加入 --allow-file-access-from-files后即可加载本地文件(例：本地html的跳转)；
全新浏览器加载ActiveX/NPAPI插件方法
云开软件工作室
05-19 1136
在浏览器页面插入一个定位元素，通过H5技术计算定位元素在浏览器页面的位置，然后将插件容器窗口放到定位元素位置。当页面缩放比例或大小发生变化时，重复上述步骤。如此这般，即可实现插件容器窗口与页面整体布局无缝衔接。这绝对是首创！
Windows设置Chrome浏览器的默认启动打开网页（Python实现）
最新发布
weixin_50911911的博客
06-03 240
本文介绍一种通过修改Chrome浏览器配置文件从而设置Chrome浏览器默认启动网页的方法，希望能给到大家帮助。
本地chrome，访问（超链接跳转）本地文件解决方案
Kp0fS的草稿纸
04-12 1万+
解决方案： 下载一个chrome的插件：enable local file links 笔者需要实现的功能： php语言实现查询mysql数据库，将结果返回成超链接（连接到本地文件夹） 以下是场景复现： 背景： 笔者用php写了一个脚本，读取mysql数据库，然后在html网页上显示出结果。显示的内容中有一个是用户的文件夹路径“c:\user\reports”（是个超链接）...
亲测有效——chrome设置允许访问本地文件（如本地json文件）
meser88的博客
04-18 1万+
先在磁盘上创建一个无关紧要的文件夹，你应该也可以指定一个已经存在的文件夹，复制文件夹的路径，在目标一栏中加入--user-data-dir="建议再创建一个新的谷歌浏览器的快捷方式，与之前的快捷方式区分开，在想使用跨域请求的时候打开新的快捷方式，保证上网安全。为了安全起见，建议创建两个谷歌浏览器的快捷方式，一个设置上述参数用于需要请求本地资源的开发，一个用于平时上网。这个目录下系统会自动生成一大堆文件，注意不要跟自己的开发的文件搞混就行，比如我的，本来文件夹在只有一个。
(推荐读)reading local files in javascript 在chrome中开发读取当地文本
oji445gj
01-19 337
(推荐读)reading local files in javascript 在chrome中开发读取当地文本 22小时前 　　Slicing a file In some cases reading the entire file into memory isn't the best option. For example, say you wanted to write an a...
chrome启动参数设置
热门推荐
厚Coming的专栏
06-06 8万+
chrome禁止本地浏览时加载本地其他文件，可以采用添加启动参数的方式来支持 添加参数为 --allow-file-access-from-files  或者　--disable-web-security Google Chrome 浏览器默认安装路径是 %USERPROFILE%\AppData\Local\Google\Chrome，其中User Data文件夹存放cache、
chrome如何设置 允许访问本地文件（转）
退休码农的自留地
09-16 3577
设置Chome 访问本地文件，解决跨域问题。
C#通过Cef嵌入Chrome浏览器访问本地网页及跨域资源
12-26
博文使用说明地址：图文教程https://blog.csdn.net/zhichaosong/article/details/85262452 使用方法：①直接打开cef.exe...②可以把 www 文件夹下面的 index.html 换成自己的网页就能访问本地网页以及访问跨域资源了；
jQuery ajax读取本地json文件的实例
10-19
通常，你需要将JSON文件放在与HTML文件相同的服务器上，或者在开发过程中使用如Chrome的`file://`协议允许本地文件访问的设置。 总结来说，jQuery的Ajax功能提供了方便的方式来异步加载和处理JSON数据。在上述示例...
Chrome用户文件迁移工具.zip
06-04
- **权限问题**：确保你有权限访问源和目标位置的Chrome用户文件夹。 - **兼容性**：迁移工具应与你的Chrome版本兼容，否则可能导致数据不匹配或丢失。 - **同步服务**：如果已启用Google账户同步，部分数据（如书签...
Html5本地媒体文件播放器（Chrome版）
09-30
在HTML5中，可以通过file API来访问和处理用户选择的本地文件，但这些操作都在用户的计算机上完成，不会触及服务器，除非用户明确授权。 对于Chrome浏览器的兼容性，HTML5的媒体元素在现代浏览器中通常表现良好，但...
chrome 该文件可能已遭到删除、移动,或者文件权限不允许进行访问
童真的烂漫的专栏
08-14 6444
创建MyChromeDevUserData的文件夹 打开终端 输入下面的命令( 需要替换路径中的yourname ) open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/yourname/MyChromeDevUserData/ 第一次打开chrome有黄色背景色的“–disable-web-security”相关的提示，说明浏览器设置跨域成功。 ...
Chrome浏览器加载本地文件
03-08 1万+
1、Chrome浏览器加载本地文件 一般来说，为了安全起见，浏览器是不能通过load方法来加载本地文件的，load方法只能加载远程服务器上的文件。 在浏览器默认的情况下，试图加载一个本地文件，会出现交叉域访问的错误，如下图： 为了解决这个问题，我们有两种方式，第一种是在本地搭建一个web服务器，例如tomcat，将需要加载的数据放到服务器中，通过url地址来访问。 另一种方法更简单，就是对...
Vscode+Chrome调试直接读取本地文件解决方案
LazzyDoog
12-28 2513
最近学WebGL需要读取本地图片，研究了一下Debbuger for chrome的拓展，发现可以传递执行参数 "runtimeArgs": [ " --disable-web-security" ] 来允许读取本地文件，以下是Json配置文件 { "version": "0.2.0", "configurations": [ { ...
解决谷歌访问本地文件和跨域问题
Summer_JK的博客
11-07 2419
解决谷歌访问本地文件和跨域问题（非代码） 一、解决不能访问本地文件问题 一般浏览器是不能通过load方法来加载本地文件的，那么我们可以右键点击属性。 然后将“–allow-file-access-from-files”参数加到目标后，注意exe后面一定要加空格，如下图： 二、解决浏览器报跨域问题 首先在电脑上新建一个目录，例如：C:\ChromeData，然后右键谷歌属性目标输入框里加上 --disable-web-security --user-data-dir=C:\ChromeData，Chro
chrome js 获取本地文件
09-02
Chrome浏览器通过JavaScript获取本地文件可以使用HTML5中的File API。File API提供了一种机制，允许浏览器通过JavaScript访问用户本地文件系统中的文件。 要获取本地文件，首先要使用<input type="file">元素创建一个文件上传表单。然后，通过JavaScript监听文件选择事件，并获取所选文件的引用。 下面是一个简单的示例代码： HTML部分： ``` <input type="file" id="fileInput"> <button onclick="handleFile()">获取文件</button> ``` JavaScript部分： ``` function handleFile() { var fileInput = document.getElementById('fileInput'); var file = fileInput.files[0]; // 对获取到的文件进行操作，比如读取文件内容等 // 可以使用File API提供的方法进行读取操作 // 示例：读取文件内容 var reader = new FileReader(); reader.onload = function(e) { var fileContent = e.target.result; console.log(fileContent); }; reader.readAsText(file); // 以文本形式读取文件内容 } ``` 在上面的代码中，我们通过getElementById()方法获取输入元素的引用，并通过files属性获取所选择的文件。接下来，我们创建一个FileReader对象，通过其readAsText()方法读取文件内容。读取完成后，可以通过onload事件回调函数获取文件内容。 需要注意的是，由于浏览器的安全限制，只有用户手动选择的文件才能通过这种方式进行读取。此外，HTML页面必须在本地服务器上运行，而不能直接打开本地文件进行测试。 总而言之，Chrome通过JavaScript获取本地文件可以使用File API，该API提供了一种机制来访问用户本地文件系统中的文件。通过<input type="file">元素监听文件选择事件，并使用FileReader对象读取文件内容。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值