chrome浏览器支持ajax请求本地文件

最新推荐文章于 2023-04-18 19:48:32 发布
最新推荐文章于 2023-04-18 19:48:32 发布
阅读量4.7k 收藏
点赞数 1
分类专栏： 前端开发 文章标签： ajax 本地文件请求
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hnyysly/article/details/42267885
版权
Chrome的安全机制不能支持ajax的本地访问。一般情况下，在chrome中运行一些含Ajax请求的界面原型时，会抛出下面错误： 

XMLHttpRequest cannot load file:///E:/test.html. Origin null is not allowed by Access-Control-Allow-Origin.

解决方法：给chrome浏览器加启动参数。（切记：要关闭所有的chrome打开的网页）

--allow-file-access-from-files
或者　
--disable-web-security
步骤如下：

1.右键chrome的快捷键---》点击属性


2.在快捷方式的选项卡的目标里填上如下内容即可。

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disable-web-security 


hnyysly
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
chrome扩展插件获取ajax请求记录
04-06
chrome扩展插件获取ajax请求记录
ajaxFileUpload插件上传文件
xiebiaoling的专栏
11-19 1383
Html代码   table id="deploy_application" class="bordered-table">     tr>       td id="application_file">         input id="file_field" type="file" name="application" size="20" />       td>  
亲测有效——chrome设置允许访问本地文件（如本地json文件）
meser88的博客
04-18 7259
先在磁盘上创建一个无关紧要的文件夹，你应该也可以指定一个已经存在的文件夹，复制文件夹的路径，在目标一栏中加入--user-data-dir="建议再创建一个新的谷歌浏览器的快捷方式，与之前的快捷方式区分开，在想使用跨域请求的时候打开新的快捷方式，保证上网安全。为了安全起见，建议创建两个谷歌浏览器的快捷方式，一个设置上述参数用于需要请求本地资源的开发，一个用于平时上网。这个目录下系统会自动生成一大堆文件，注意不要跟自己的开发的文件搞混就行，比如我的，本来文件夹在只有一个。
chrome ajax 访问本地文件
anole2012的博客
07-14 316
浏览器 启动 参数    "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --allow-file-access-from-files --disable-web-security    --------------------------------------------------------------...
chrome支持ajax么,Chrome不支持本地Ajax请求解决？
weixin_32515577的博客
08-06 1088
今天用JQuery操作Ajax时，使用load方法加载html块 结果提示：原因如下：Chrome不支持本地Ajax请求，当我在.html文件中访问使用load方法加载文件时就会出现这个问题，就是说这个时候不能加载这个.html文件。解决方式打开Chrome快捷方式的属性中设置：右击Chrome浏览器快捷方式，选择“属性”，在“目标”中加上"--allow-file-access-from-fil...
Chrome浏览器开启Ajax跨域访问调试
wxl1390的博客
11-27 247
由于浏览器安全性限制，Ajax是不能跨域访问的，而我们在日常开发工作中，经常会出现本地开发环境需要访问其他服务器上的API情况，尤其在用html5开发APP的过程中，前后台完全分离，使用Ajax进行数据交互。本文说明如何让Chrome浏览器支持开发时的Ajax跨域访问。报错： No ‘Access-Control-Allow-Origin’ header is present on the req...
chrome扩展(插件)开发（五）监听网页的ajax请求
joy1793的博客
12-08 1万+
1 chrome 自有api 2 ; (function () { function ajaxEventTrigger(event) { var ajaxEvent = new CustomEvent(event, { detail: this }); window.dispatchEvent(ajaxEvent); } var oldXHR = window.XMLHttpRequest; function newXHR(
配置Chrome支持本地（file协议）的AJAX请求
12-09
如果此时Demo中有AJAX操作，浏览器就会报一个错：  XMLHttpRequest cannot load file:///Users/iceStone/Documents/Learning/angular/demo/angular-moviecat/movie/view.html. Cross origin requests a
拦截器：一种浏览器扩展，用于在浏览器级别模拟AJAX请求
02-05
一个浏览器扩展程序，它在浏览器级别模拟AJAX请求，因此您可以运行前端而无需真正启动后端服务器。 火狐： 镀Chrome 发展历程 在Chrome中 $ yarn install $ yarn run watch # Install "./dist" directory as ...
谷歌浏览器插件—— Ajax Interceptor
03-16
一个用于修改 ajax 请求响应的 chrome 扩展，修改ajax请求数据
POST方法发送payload形式的请求1
08-03
背景在爬取某些站点时，会发现在 POST 数据时，使用的数据格式是 request payload，有别于之前常见的 Form data 数据格式。使用 For
让chrome浏览器支持ajax请求本地文件
赶路人儿
06-18 1298
给chrome加上启动参数： --allow-file-access-from-files 或者　 --disable-web-security 给chrome加上启动参数方法： 谷歌浏览器快捷方式，右键属性将目标位置中加上启动参数 C:\Users\xxx\AppData\Local\Google\Chrome\Application\chrome.exe --disab
在chrome 怎么通过ajax请求加载本地文件
weixin_30439031的博客
01-20 719
在chrome下面用Jquery的load方法加载本地的html文件时会报错 我百度了一下是因为谷歌浏览器内核为了安全机制，不允许这样方式访问其他页面，但是可以通过加--enable-file-cookies --allow-file-access-from-files命令 加命令时 注意与前面的内容要用一空格隔开 然后重启浏览器，如果还是不行就重启电脑 转载于:http...
Chrome浏览器开启Ajax跨域访问调试？
qq_43592064的博客
07-12 1972
Chrome浏览器开启Ajax跨域访问调试？ 方法/步骤 升级Chrome到最新版本 参考下面经验"如何离线安装Chrome最新版本或某一特定版本？"，将Chrome升级到最新版本。 运行跨域访问的测试程序 会出现如下所示的错误：No 'Access-Co
chrome插件监听ajax,关于ajax：Chrome中的请求监控
weixin_39955938的博客
08-05 1934
在Firefox中，我使用Firebug，它允许我查看我的Ajax调用发出的每个http请求。 我已经将开发切换到Chrome，并且目前为止仍然很喜欢。 但是，我唯一的抱怨是，开发人员工具似乎不允许您查看每个ajax请求。 我曾经在"资源"面板显示对同一资源的多个请求的情况下发生过一次，但是只执行了一次，再也没有做过。有没有办法从Chrome中可靠地查看页面通过javascript发出的每个htt...
chrome浏览器本地文件支持ajax请求的解决方法
細水、長流√的专栏
08-07 2889
给chrome加上启动参数： ? 1 2 3 --allow-file-access-from-files 或者　 --disable-web-security 如，右击谷歌浏览器快捷图标-属性--快捷方式-目标 ? 1
谷歌通过ajax获取本地JSON文件，为什么会提示跨域？
热门推荐
jiaoshuaiai的博客
11-01 3万+
在本地写了一段JSON代码，然后用ajax读取后，在浏览器打开，发现谷歌提示涉及到跨域问题， 但是跨域是由于协议，域名，端口中有一个不同，才会跨域，我在本地访问自己的文件，怎么和跨域扯上关系了？？
Chrome浏览器加载本地文件
03-08 1万+
1、Chrome浏览器加载本地文件 一般来说，为了安全起见，浏览器是不能通过load方法来加载本地文件的，load方法只能加载远程服务器上的文件。 在浏览器默认的情况下，试图加载一个本地文件，会出现交叉域访问的错误，如下图： 为了解决这个问题，我们有两种方式，第一种是在本地搭建一个web服务器，例如tomcat，将需要加载的数据放到服务器中，通过url地址来访问。 另一种方法更简单，就是对...
解决chrome浏览器不支持Ajax本地访问
kellncy的博客
11-10 6787
如果你是一位ajax的初学者，碰巧你用的又是chrome浏览器，那么你可能会遇到如下图这种问题，代码没错，浏览器报错了，这段报错大概的意思就是跨域访问只支持以下协议，也就是本地不支持。所以我们要进行一下操作。　楼主用的是Linux系统，所以就用Linux演示，windows也相同，操作不一样。
写一段浏览器的插件做ajax请求的代码
最新发布
05-26
好的，以下是一个简单的Chrome浏览器插件，用于向指定的API发送Ajax请求并将返回结果显示在浏览器界面中： manifest.json文件： ```json { "name": "Ajax Request Plugin", "version": "1.0", "description": "This plugin sends Ajax requests and displays the response", "manifest_version": 2, "permissions": [ "http://localhost/*", "https://localhost/*", "http://example.com/*", "https://example.com/*", "activeTab" ], "background": { "scripts": ["background.js"], "persistent": false }, "browser_action": { "default_popup": "popup.html" } } ``` popup.html文件： ```html <!DOCTYPE html> <html> <head> <title>Ajax Request Plugin</title> <script src="popup.js"></script> </head> <body> <h1>Ajax Request Plugin</h1> <form> <label for="url">URL:</label> <input type="text" id="url" name="url" /><br /> <label for="method">Method:</label> <select id="method" name="method"> <option value="GET">GET</option> <option value="POST">POST</option> </select><br /> <label for="data">Data:</label> <textarea id="data" name="data"></textarea><br /> <input type="button" id="send" value="Send" /> </form> <div id="response"></div> </body> </html> ``` popup.js文件： ```javascript document.addEventListener("DOMContentLoaded", function() { var sendButton = document.getElementById("send"); var responseDiv = document.getElementById("response"); sendButton.addEventListener("click", function() { var url = document.getElementById("url").value; var method = document.getElementById("method").value; var data = document.getElementById("data").value; var xhr = new XMLHttpRequest(); xhr.open(method, url, true); xhr.setRequestHeader("Content-Type", "application/json"); xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200) { responseDiv.innerHTML = xhr.responseText; } }; xhr.send(data); }); }); ``` 以上代码中，popup.html是浏览器插件的界面，包含了一个表单用于输入请求的URL、请求方法、请求数据以及一个发送按钮。当用户点击发送按钮时，会触发popup.js中的事件处理函数，创建一个XMLHttpRequest对象，使用指定的URL、方法和数据发送Ajax请求，并将返回结果显示在responseDiv元素中。需要注意的是，插件需要在manifest.json文件中声明所需的权限，否则会限制插件的功能和使用范围。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值