浏览器无法读取本地文件

已于 2023-07-16 16:47:47 修改
阅读量2.5k 收藏 2
点赞数
分类专栏： 软件安装 文章标签： bug
于 2023-07-16 16:44:23 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_72682772/article/details/131751973
版权

找到浏览器图标，右键，属性，在快捷方式里面的目标中添加以下内容。

注意：--user前面有一个空格，可以直接将以下内容复制到目标里面内容的后面。

 --user-data-dir="D:\BrowserDebug" --test-type --disable-web-security

冬♡初
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
js读取本地文件到字节数组
12-31
### JS读取本地文件到字节数组 在Web开发中，经常需要处理用户上传的文件，例如图片、文档等。这些文件可能来源于用户的本地计算机，并通过Web页面上传至服务器。为了实现这一功能，通常的做法是将文件内容转换为...
关于浏览器报错 Not allowed to load local resource 的解决方法
哈士奇有点萌
12-10 5176
今天在写前端页面本地测试的时候，碰到了一个无法展示本地图片的问题 上传图片没有问题，成功保存到本地指定路径，路径地址也能保存到数据库，但是前端再获取路径展示图片时，却不尽人意。 路径被禁止访问，这是为什么呢，浏览器不允许直接访问。网上有人说路径要用file://+本地路径的形式，试了一下发现没用。 后来仔细看看发现，图片途径前面还加上了服务器的路径，这个时候就用上 了springboot的Web...
Vue项目获取本地文件夹绝对路径
GleanWang的博客
12-21 2万+
Vue项目，实现获取本地的绝对文件夹路径的解决方案 一、前端代码 vue项目下的index中代码如下 1、弹框样式代码 <el-dialog title="" :append-to-body="true" :visible.sync="routeDialogVisible" width="600px" :close-on-click-modal="false" > <el-form :model="route
ssh浏览器不允许访问本地资源的解决
weixin_40616523的博客
12-24 3643
做了个上传图片的系统，回显的时候发现地址明明写对了却得不到图片，浏览器报错： Not allowed to load local resource 不允许访问本地资源。这是浏览器为了安全不让直接访问本地的文件，可以通过修改tomcat的server.xml来配置虚拟映射，让我们能通过服务器访问到本地资源 在Host标签内添加Context标签： &amp;lt;Host appBase=&quot;webapp...
浏览器不能访问本地资源的限制
码农人生
03-31 5874
做一个截图上传的功能，想在上传前在网页中显示预览，发现做不到。 原因：html，js不能直接访问本地资源，否则存在严重的安全隐患。 类似的还有，js不能设置input:file中的值  今天了解到，这个叫做“客户端编程语言”的同源策略。 同源策略规定跨域之间的脚本是隔离的，一个域的脚本不能访问和操作另外一个域的绝大部分属性和方法。 相同域要具有相同的协议(如http), 相同的
解决浏览器无法访问本地文件的问题（vue3.0+javaSpringBoot）
最新发布
qq_74763440的博客
12-19 1533
解决浏览器访问本地资源受限的问题（适用于头像上传，图像上传预览等）
Axure RP CRX 0.6.3 for Chrome.rar
09-03
Axure原型在浏览器上查看时需要插件，而chrome商店又无法连接，所以特意提供此插件让大家能方便的安装插件，查看原型。 现在直接拖拽安装是不成功了的，需要下载下来之后解压到文件夹，然后在扩展程序-》加载已解压的扩展程序，选择包含manifest.json的文件夹，方可成功。
浏览器无法加载本地文件
weixin_45918830的博客
11-17 1万+
问题描述 在Visual Studio Code 编写HTML文件时需要将.csv文件内容在浏览器控制台窗口输出，浏览器控制一直报错，如下图所示 原因 跨域资源共享问题，本地文件是放在file://这样的系统下，而非网络资源比如http://下，造成了找不到对应的资源 办法一 在浏览器快捷方式“属性”一栏的“目标（T）”中加上 “–allow-file-access-from-files”，表示允许该浏览器访问本地文件。 办法二 下载Chrome插件Enable local file links 办法三
Firefox使用中遇到的问题以及解决办法
zjx92**9的博客
02-09 1312
全球服务和本地服务切换 需要安装 “附加组件管理器” ,地址是http://mozilla.com.cn/thread-343905-1-1.html 新安装的浏览器主页变成了“火狐主页” 由于不喜欢火狐的主页集成，又不喜欢打开浏览器就是空白页。 在地址栏输入about:config 搜索browser.startup.homepage，修改值为about:newtab ...
亲测有效——chrome设置允许访问本地文件（如本地json文件）
meser88的博客
04-18 1万+
先在磁盘上创建一个无关紧要的文件夹，你应该也可以指定一个已经存在的文件夹，复制文件夹的路径，在目标一栏中加入--user-data-dir="建议再创建一个新的谷歌浏览器的快捷方式，与之前的快捷方式区分开，在想使用跨域请求的时候打开新的快捷方式，保证上网安全。为了安全起见，建议创建两个谷歌浏览器的快捷方式，一个设置上述参数用于需要请求本地资源的开发，一个用于平时上网。这个目录下系统会自动生成一大堆文件，注意不要跟自己的开发的文件搞混就行，比如我的，本来文件夹在只有一个。
关于谷歌浏览器报错 Not allowed to load local resource 的解决方法
热门推荐
哼唧怪
04-19 6万+
关于谷歌浏览器报错 Not allowed to load local resource 的解决方法 在做后台处理上传图片之后，想着能够把图片保存到本地，再获取路径就可以查看图片了。 但是这样子做虽然是成功了，但是浏览器报了一个前所未见的错，Not allowed to load local resource 百度查了资料才知道， 如果页面在服务器上，浏览器出于安全考虑是不允许html访问本地文...
jQuery ajax读取本地json文件的实例
10-19
需要注意的是，由于同源策略的限制，直接在浏览器中通过Ajax读取本地文件可能在某些情况下无法正常工作，例如在非本地服务器环境下。通常，你需要将JSON文件放在与HTML文件相同的服务器上，或者在开发过程中使用如...
js读取本地文件的实例
10-18
JavaScript 读取本地文件的能力受到浏览器安全策略的严格限制，以保护用户的数据安全。然而，通过 HTML5 引入的 File API，开发者可以在用户许可的情况下，实现预览和操作本地文件。以下是一个使用 JavaScript 读取...
在vue中读取本地Json文件的方法
10-18
在本文中，我们将详细介绍如何在Vue中读取本地JSON文件。 首先，要实现这一功能，我们需要引入一个外部插件——vue-resource。vue-resource是Vue.js的一个插件，它提供了一个API来发送HTTP请求，包括GET、POST等，...
html5读取本地文件示例代码
09-28
此外，开发者应当注意用户隐私和数据安全的问题，在实现本地文件读取功能时，应当明确告知用户将要做什么，以及在何处存储或使用这些文件。 综上所述，HTML5的文件读取功能为网页应用带来了极大的便利，但同时也...
【Bug记录】Loading local files from file:// urls is not possible due browser security restrictions
每天不是在写bug就是在写bug的路上
12-20 889
将JS文件加载到本地，再使用WebView的loadUrl加载的过程中，出现了以下错误 PS：加载的JS文件不仅仅是一个简单的index.html文件 ERROR: Loading local files from file:// urls is not possible due browser security restrictions! Either change the browser settings to allow local-file-access, or use a localhost se
chrome访问本地文件限制
qq_39205291的博客
07-01 5814
--user-data-dir="" --disable-web-security --allow-file-access-from-files
解决在浏览器打开Axure失败的问题
前端笔记
11-07 5835
在预览axure项目时，经常会遇到打开失败的问题，会直接跳转到resources/chrome/chrome.html 解决办法： 用编辑器打开index.html，注释下面这段话。再打开就可以正常浏览了 ...
Not allowed to load local resource: file:///,浏览器禁止访问浏览器图片，文件解决方法
weixin_42802725的博客
03-13 2万+
在chrome浏览器下载Web Server for Chrome插件，若能直接在chrome网上应用店下载插件，则方法如下 chrome读取本地图片时提示：“Not allowed to load local resource:” by run不动了 若不能则需自己下载，安装，配置插件 下载 我将找到的插件上传到百度云了，链接如下 链接：https://pan.baidu.com/s/1y7PSmfBGwm6uq3I33McXkQ?pwd=pzsn 提取码：pzsn 下载后安装得到一个压缩包 解压后得
js读取本地excel文件展示在浏览器页面
06-06
要实现在浏览器页面中展示本地 Excel 文件，可以通过以下步骤实现： 1. 使用 JavaScript FileReader API 读取本地 Excel 文件，并将其转换为二进制数据。 2. 使用第三方库如 SheetJS 或 Handsontable 解析 Excel 文件，并将其转换为可视化的数据表格。 3. 将解析出的数据表格插入到 HTML 页面中，以展示在浏览器页面中。 以下是一个基本实现的代码示例： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>展示本地 Excel 文件</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.16.9/xlsx.full.min.js"></script> </head> <body> <input type="file" id="fileInput" /> <div id="table"></div> <script> const fileInput = document.getElementById('fileInput'); const tableDiv = document.getElementById('table'); fileInput.addEventListener('change', (event) => { const file = event.target.files[0]; const reader = new FileReader(); reader.onload = (event) => { const data = new Uint8Array(event.target.result); const workbook = XLSX.read(data, {type: 'array'}); const sheetName = workbook.SheetNames[0]; const worksheet = workbook.Sheets[sheetName]; const json = XLSX.utils.sheet_to_json(worksheet, {header: 1}); const table = buildTable(json); tableDiv.innerHTML = ''; tableDiv.appendChild(table); }; reader.readAsArrayBuffer(file); }); function buildTable(data) { const table = document.createElement('table'); for (let i = 0; i < data.length; i++) { const row = table.insertRow(-1); for (let j = 0; j < data[i].length; j++) { const cell = row.insertCell(-1); cell.textContent = data[i][j]; } } return table; } </script> </body> </html> ``` 这个示例中使用了 SheetJS 库来解析 Excel 文件，使用了 HTML 的 `<table>` 元素来展示数据表格。用户选择本地 Excel 文件后，会触发 `change` 事件，然后读取文件并解析成数据表格，并插入到 HTML 页面中。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值