本地chrome,访问(超链接跳转)本地文件解决方案

问题和背景描述:

1. 用html+php写了一个脚本,先从数据库中获取pdf文件的路径,然后将这个路径映射成一个html中的超链接。但是我在浏览器中点击这个超链接,死活跳转不了

2. 经过多方调查,和搜索,最终找到了问题的原因:chrome中有安全限制,不让通过超链接直接访问本地文件,所以我找到了一个插件,使用这个插件后,chrome就能访问本地文件啦。

3. 解决方案:

下载一个chrome的插件:enable local file links(插件),并安装。

4. 最终,顺利访问到了本地的pdf文件啦。

 

--------------------------------------------------------------------

以下是采坑时的检索记录,未整理,请忽视!

笔者需要实现的功能:

php语言实现查询mysql数据库,将结果返回成超链接(连接到本地文件夹)

以下是场景复现:

背景:

笔者用php写了一个脚本,读取mysql数据库,然后在html网页上显示出结果。显示的内容中有一个是用户的文件夹路径“c:\user\reports”(是个超链接),该路径下包含了用户的报告。笔者想实现的功能非常简单:在html上点击用户路径(超链接),然后在资源管理器中打开对应的文件夹。

笔者的开发环境是eclipse(php)。

现象:

1. 完成脚本后,在eclipse自带的web browser中,点击超链接,能够打开对应的文件夹,但是在chrome中,打不开,没有反应。

解决问题的策略

第一阶段:问题的重心放在了:php上

这一阶段,我想从php语言的角度解决这个问题

1. 搜Google,关键词:php打开本地文件夹;

2. 搜Google,关键词:php查询打开指定的文件夹;

3. 搜Google,关键词:php打开本地文件夹;

重要转折点:[WAMP网站开发] PHP实现select新闻查询及超链接详情跳转_杨秀璋的专栏-CSDN博客,学会了如何使用超链接。

2. 搜Google,两个php界面之间如何进行参数传递

2. 搜Google,php为什么超链接打不开?

2. 搜Google,php超链接,文件夹 chrome打不开?

重要的转折点:2. 搜Google,下载firefox,https://codeday.me/bug/20180220/134297.html,浏览器是关键,语言不是重点,开始关注浏览器。

第二阶段:问题的重心放在了:浏览器上

目前网上的解决方案都是chrome 等浏览器不支持本地ajax请求,的问题_snowstorm的博客-CSDN博客_浏览器不支持ajax,修改“快捷方式”下的“目标”中添加" --allow-file-access-from-files",这种方案我反复试了10遍不至,最终问题都没有被解决,怀疑人生。网上的解决方案把我带偏了,花费了很多时间。!

2. 搜Google,关键词:由于安全限制,所有现代浏览器都禁用了链接到本地​​资源 解决方案

2. 搜Google,关键词:chrome关闭安全组 限制

2. 搜Google,关键词:本机装个web容器

2. 搜Google,关键词:浏览器打开本地文件

2. 搜Google,chrome 查看本地文件

2. 搜Google,关键词:所有现代浏览器都禁用了链接到本地​​资源。

第三阶段:问题的重心放在了:eclipse内置的浏览器上,想找一个没有安全组的浏览器

安全组改不了,失败!接下来想换一个浏览器!

2. 搜Google,开始疯狂下载各种浏览器,试图寻找没有安全组的浏览器,结果发现全都不行!!!

都不行!

2. 搜Google,关键词:eclipse 中的网页内核是什么

2. 搜Google,关键词:如何把eclipse的内部浏览器设置成默认浏览器

结论:eclipse的内部浏览器是一个jar包,用不了,无法直接打开。

2. 搜Google,关键词:chrome访问本地文件

2. 搜Google,关键词:chrome如何设置 允许访问本地文件

2. 搜Google,关键词:chrome 解决加载不了本地文件的问题 2019

第四阶段:找到问题关键,1s瞬间解决问题

2. 搜Google,关键词:chrome local files

  • 8
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 12
    评论
将网络内容或屏幕截图直接保存到Google 云端硬盘。 保存到Google云端硬盘Chrome扩展程序可帮助您将网页内容或浏览器屏幕截图保存到Google云端硬盘。 *添加浏览器操作以保存当前页面。 *添加一个右键上下文菜单来保存超链接和媒体。 *通过选项页面进行配置。 通过此扩展程序,您可以通过浏览器操作或上下文菜单将网页内容直接保存到Google云端硬盘。您可以通过右键单击并选择“保存到Google云端硬盘”来保存文档,图像和HTML5音频和视频。您可以使用“保存到Google云端硬盘”浏览器操作保存当前浏览的页面。保存的HTML页面的目录位置和格式可以通过扩展的选项页面(整个图像的选择(默认),可见图像,原始HTML,MHTML或Google文档)进行控制。您可以自动将Microsoft Office文件或逗号分隔文件转换为Google文档格式。 保存内容后,进度对话框允许您打开文件,重命名或查看Google云端硬盘文档列表中的文件。从文档列表中,您可以组织和分享您的新文档。 要保存文件://网址,或者以隐身模式启用,请转到chrome:// extensions /并启用关联的复选框。 由于安全限制,此扩展程序无法捕获chrome://网页或Chrome网上应用店页面。 2.1版新增功能: 授权现在要求您登录Chrome。为了保存到不同的Google云端硬盘帐户,您必须更改Chrome个人资料。 2.0.1版新增功能: 在单击“接受”后,将“身份验证”页面修复为重定向到about:blank的问题。 版本2中的新功能: *使用OAuth2身份验证流程,因此您需要在首次使用时重新进行身份验证 *能够选择目标文件夹(在“选项”页面中配置) *支持高devicePixelRatio(铬像素和视网膜显示) *点击已保存的文件夹名称,在目的地目录中显示新上传的文件 *选项存储在共享存储中,所以如果启用了Chrome同步,则在浏览器中同步。 安装此项目即表示您同意Google服务条款和隐私权政策,网址为https://www.google.com/intl/zh-CN/policies/。 支持语言:Bahasa Indonesia,Bahasa Melayu,Deutsch,English,English (UK),Filipino,Français,Kiswahili,Nederlands,Tiếng Việt,Türkçe,català,dansk,eesti,español,español (Latinoamérica),hrvatski,italiano,latviešu,lietuvių,magyar,polski,português (Brasil),português (Portugal),română,slovenský,slovenščina,suomi,svenska,čeština,Ελληνικά,Српски,български,русский,українська,עברית,فارسی‎,मराठी,हिन्दी,বাংলা,ગુજરાતી,தமிழ்,తెలుగు,ಕನ್ನಡ,മലയാളം,ไทย,አማርኛ,‫العربية,中文 (简体),中文 (繁體),日本語,한국어
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对象读取文件内容。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 12
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值