Not allowed to load local resource: file:///,浏览器禁止访问浏览器图片,文件解决方法

news2024/11/18 18:26:13

Not allowed to load local resource: file…

错误出现原因:浏览器出于安全考虑禁止直接读取本机文件(链接以file:///开头),

解决办法:

创建一个web服务器,将文件放在这个服务器里,让文件有一个在线地址(链接以localhost:…开头)

实现过程

在chrome浏览器下载Web Server for Chrome插件,配置服务器,选择想要访问的文件。
若能直接在chrome网上应用店下载插件,则方法如下
chrome读取本地图片时提示:“Not allowed to load local resource:” by run不动了
若不能则需自己下载,安装,配置插件

下载

我将找到的插件上传到百度云了,链接如下
链接:https://pan.baidu.com/s/1y7PSmfBGwm6uq3I33McXkQ?pwd=pzsn
提取码:pzsn
下载后安装得到一个压缩包
在这里插入图片描述
解压后得到.crx文件
在这里插入图片描述
改掉.crx文件的后缀名为.rar,再解压得到最终文件夹,打开最终文件夹,找到里面名字带_的文件夹,去掉名字里的_。
在这里插入图片描述
保存最终文件夹

安装

打开chrome浏览器的扩展程序
在这里插入图片描述
先后选中图中1,2

在弹窗里选择最终文件夹

配置

输入框输入如下,点开插件
在这里插入图片描述
点开后配置如下,按1,2,3,4操作
在这里插入图片描述

结果

在这里插入图片描述

在这里插入图片描述
中间参考的链接
Web Server for Chrome - 搭建本地Web服务器, 实现局域网共享文件夹
最新版chrome浏览器安装Chrome插件时出现"CRX-HEADER-INVALID"解决方法
chrome读取本地图片时提示:“Not allowed to load local resource:” by run不动了

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/409447.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【小程序项目开发-- 京东商城】uni-app之商品列表页面 (下)

🤵‍♂️ 个人主页: 计算机魔术师 👨‍💻 作者简介:CSDN内容合伙人,全栈领域优质创作者。 🌐 推荐一款找工作神器网站: 点击跳转牛客网 |笔试题库|面试经验|实习招聘内推| 还没有账户的小伙伴 速速点击链接…

推荐几个优秀的echarts 图表网站,让你轻松搞定全部报表

1.PPChart - 让图表更简单让图表更简单。PPChart 提供 Echarts 收录、图表制作等服务http://ppchart.com/#/ 2.https://madeapie.com/#/echarts图表制作,Make A Pie,Made A Pie,echarts案例分享,echarts教程分享https://madeapie…

PHP连接数据库MySQL打造xxx管理系统,实现简单的增删改查功能

目录 前言 概述 内容 创建数据库表 实现列表 新增用户 删除用户 编辑用户 前言 最近刚学完PHP和Mysql,历时半个多月时间完成了这样一个简单的算是人员管理系统吧,为了加深印象总结一下,还有很多不足之处,希望大家多多指正,一…

vue点击变色

vue点击一个遍历后元素改变其颜色的方法,有两种情况,第一种是点击单行元素变色,点击另一行元素时,原来变色的元素变回原来的颜色,始终只有一行元素是变色的,第二种情况是点击后永久变色,点击其他…

手把手教你部署前端项目

手把手教你部署前端项目 1.1 用Vue-cli构建简易前端项目 1.1.1 安装 Vue CLI 包 打开命令行工具,执行下列命令来安装 Vue CLI 包: npm install -g vue/cli可以用下面的命令查看是否安装成功: vue --version1.1.2 创建一个项目 新建一个…

背景图片相关应用-铺满,自适应

1.首先了解一下背景相关属性 background-color: 颜色。 background-position: 位置。 数值,或者top,right,bottom,left等,center:距离页面左边的定位,0px:距离页面上面的定位 background-si…

Cesium3Dtilesets 使用customShader的解读以及泛光效果示例

前言:光带原理在旋转弹跳四棱锥这篇文章里早已经阐述过,但还是有不少靓仔靓女可能会感到疑惑,在3Dtilesets里怎么使用?为啥我在网上看到的为数不多的代码示例我看不懂?是由于没理解透彻导致的。借此机会,提…

SocketIO介绍+SpringBoot整合SocketIO完成实时通信

Socket.IO笔记 即时通信是基于TCP长连接,建立连接之后,客户段/服务器可以无限次随时向对端发送数据,实现服务器数据发送的即时性 HTTP HTTP是短链接,设计的目的是减少服务器的压力 HTTP伪即时通讯 轮询 emmet长轮询 long pulling…

vue打包之后出现空白页的原因以及解决方式

路由模式 history 新建项目什么都不动,路由模式:history, 直接npm run build打包 打包之后,直接打开dist文件里面的ndex.html可以看到页面是空白的,控制台是这样的。 再看看网页源码, 对比dist文件夹结构可以看到资源路径的引入…

【前端】React使用react-markdown+antd实现引入渲染markdown文件

项目中遇见一个需求,要求直接在浏览器打开markdown文件进行预览,初次使用遇见一些坎坷,以下记录实现过程,将其封装成了一个组件。 1.下载依赖 yarn add react-markdown//其余样式插件: yarn add remark-gfm yarn …

vue+springboot使用文件流实现文件下载

前言 本次将使用vue和springboot通过文件流的方式教大家怎么去实现文件的下载,那么话不多说,我们直接开始 相关vue导出文件 以下链接为我其他vue进行下载导出文件文章 vue实现把字符串导出为txt 步骤 文件路径 要进行下载的话,我们肯定…

WEB核心【案例:文件下载,案例:点击切换验证码,几种获取properties资源方式】第十二章

目录 1.文件下载 1.1超链接下载: 1.2自定义servlet下载 1.3小结 2.点击切换验证码 2.1前置只是-验证码生成 2.2分析及代码实现 2.3需求2:点击切换验证码-绕过缓存 3.几种获取preperties资源方式 💟作者简介:大家好呀&…

CTF中Web题目的各种基础的思路-----入门篇十分的详细

我期间也考察很多人的,但搞这个的确实有点少,希望这篇可以大家一点帮助,这篇文章也借鉴一些人的文章,还有很多东西,我没搞,确实有点麻烦,但以后还会不断更新的,希望大家在web这里少走…

Web系统常见安全漏洞介绍及解决方案-CSRF攻击

🐳博客主页:拒绝冗余 – 生命不息,折腾不止 🌐订阅专栏:『Web安全』 📰如觉得博主文章写的不错或对你有所帮助的话,还望大家多多支持呀! 👉关注✨、点赞👍、收…

CSS基本布局——grid布局

grid布局简介: Grid布局是将容器划分成“行”和“列”,产生单元格,然后指定“项目所在”的单元格,可以看作是二维布局。 基本概念: 容器(container)——有容器属性项目(items&…

vite项目优化

首先在讲述vite优化之前,我们先来分析一下和传统的项目管理构建工具的区别,以webpack为例,它是利用plugin插件和loader加载器对项目的所有模块和依赖统一通过入口文件进行编译,从而变成我们html所需要的js格式渲染我们的页面。 随…

Vue项目目录结构介绍(三)

前言 本章我们会对一个 Vue 项目的目录结构进行讲解,解释各子目录以及文件的作用,前端的模块化,Vue 单文件组件规范等。 1、基础目录和文件介绍 在上一章,我们通过 vue-cli 创建了一个新的项目,生成的项目目录里已经包…

tauri+vite+vue3开发环境下创建、启动运行和打包发布

目录 1.创建项目 2.安装依赖 3.启动项目 4.打包生成windows安装包 5.安装打包生成的安装包 1.创建项目 运行下面命令创建一个tauri项目 pnpm create tauri-app 我创建该项目时的node版本为16.15.0 兼容性注意 Vite 需要 Node.js 版本 14.18,16。然而&#x…

【玩转CSS】这些高级技巧,你都会吗

🔥一个人走得远了,就会忘记自己为了什么而出发,希望你可以不忘初心,不要随波逐流,一直走下去🎶 🦋 欢迎关注🖱点赞👍收藏🌟留言🐾 🦄 …

js去掉两个数组相同的元素、js删除数组中某一个对象、js快速查找数组中重复项下标

一、js去掉两个数组相同的元素 注意:这里并非是数组去重,数组去重是去掉一个数组中相同的元素,这里是比较两个数组,过滤掉二者相同的,留下不同的。 通过 some() 在对方数组里面查找相同元素,再利用filter…