配置chrome支持本地（file协议）ajax请求

最新推荐文章于 2021-04-11 12:48:31 发布
最新推荐文章于 2021-04-11 12:48:31 发布
阅读量1.8k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/coolkill1989/article/details/50488312
版权
本文介绍了如何通过在Chrome启动时添加参数`--allow-file-access-from-files`来解决本地Ajax请求跨域问题。同时，该参数也能解决iframe与父页面交互及window.open打开页面opener为null的问题。然而，作者指出此方法可能无效，并推荐将页面部署到服务器以规避Chrome的安全机制。
摘要由CSDN通过智能技术生成
将html代码拖拽进入chrome通过file协议浏览时，发送的ajax请求本地文件，会报跨域错误。
XMLHttpRequest cannot load file:///E:/webs/extJS/ext-3.3.0/examples/csdn/combobox.txt?_dc=1414738973999. Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, https, chrome-extension-resource.

 解决办法是给chrome添加启动参数：--allow-file-access-from-files ，这样本地ajax请求就不会报跨域错误了。（注意如果给chrome添加多个启动参数，每个启动参数“--”之前要有空格隔开，如"C:\Program Files\Google\Chrome\Application\chrome.exe" --enable-file-cookies --allow-file-access-from-files）

 

　　如何添加chrome启动参数以便支持file协议下的ajax请求，具体看这个：

最低0.47元/天 解锁文章
捣键盘的Dog
关注
chrome支持ajax么,Chrome不支持本地Ajax请求解决？
weixin_32515577的博客
08-06 1173
今天用JQuery操作Ajax时，使用load方法加载html块 结果提示：原因如下：Chrome不支持本地Ajax请求，当我在.html文件中访问使用load方法加载文件时就会出现这个问题，就是说这个时候不能加载这个.html文件。解决方式打开Chrome快捷方式的属性中设置：右击Chrome浏览器快捷方式，选择“属性”，在“目标”中加上"--allow-file-access-from-fil...
配置Chrome支持本地（file协议）的AJAX请求
12-09
什么问题  WEB开发过程中，很多时候我们都是写一些简单的Demo，并不是开发一个完整项目，此时我们常见的操作是：  •新建文件夹  •新建需要的文件  •在Sublime（或其他编辑器）中完成DEMO的编码  •双击HTML文件，直接在浏览器中运行演示  如果此时Demo中有AJAX操作，浏览器就会报一个错：  XMLHttpRequest cannot load file:///Users/iceStone/Documents/Learning/angular/demo/angular-moviecat/movie/view.html. Cross origin requests a
chrome支持本地ajax
java成长指南
12-14 160
chrome支持本地ajax 最近在调试本地Ajax请求时，会提示如下错误： XMLHttpRequest cannot load file:///…. Origin null is not allowed by Access-Control-Allow-Origin. 这是因为 Chrome 不支持 Ajax 本地访问，参考 http://forum.jquery.com/to...
Chrome中ajax使用file协议加载本地文件非同源问题
qq_24270109的博客
02-24 864
Chrome中ajax使用file协议加载本地文件跨域问题 1.背景及代码 ​ 代码目录： ​ 1.使用：XMLHttpRequest 创建一个对象 兼容IE // xmlhttp.js function getHTTPObject() { if(typeof XMLHttpRequest === 'undefined') { XMLHttpRequest = functi...
file协议与Http协议,HTTP请求与AJAX请求
weixin_42839080的博客
09-24 5600
什么是file协议: file协议主要用于访问本地计算机中的文件，好比通过Windows的资源管理器中打开文件或者通过右键单击‘打开’一样。 基本格式: file:///文件路径 file:///C:/Users/CLi/AppData/Local/Temp/WindowsLiveWriter1627300719/supfiles52F410/wangdan-se-436963[2].jpg ...
Ajax使用
cedricdx的博客
09-26 875
Ajax简介应用场景使用方法readyStateAjax遵循HTTP协议GET请求POST请求同步和异步xhr.open() 方法XMLHttpRequest API 总结响应数据格式XML 被淘汰JSON缓存问题缓存问题解决方案URL加戳 (推荐使用）服务端设置响应头兼容方案AJAX请求封装jQuery中的AJAX 简介 Ajax 就是浏览器提供的一套API，可以通过JavaScript调用...
Chrome浏览器HTML支持本地（file协议）的AJAX请求
程序新视界
03-24 8581
问题 在运行html demo页面时，当demo页面中使用file来引入js（jQuery）来进行ajax请求资源时，会出现如下错误： Access to XMLHttpRequest at 'file:///Users/zzs/develop/softs/dwz/dwz_jui/dwz.frag.xml?_=1553419402393' from origin 'null' has been b...
Chrome 不支持file文件的解决方法
ljx920654324的博客
10-31 8066
1.先关闭chrome浏览器 2.输入下面命令行（mac下）：open /Applications/Google\ Chrome.app --args --allow-file-access-from-files --disable-web-security 3.这时会自动打开chrome浏览器，现在你就可以打开file问件了。亲测有效 ...
–allow-file-access-from-files解决chrome通过file协议加载文件报跨域问题
Don't lost way
04-11 8743
chrome默认是不可以通过file协议加载文件的，当然，这里这样说不标准，并不是所有的情况都不可以通过file协议加载，比如，写了个本地的html，还是可以加载js，css，图片等资源的。但是在某些情况下通过file协议加载数据，就会报跨域问题。 比如目前我遇到以下两种情况： 一、学习ES6模块化的时候，加载本地模块，就会报跨域问题，例如，下面的代码： <script src="./aaa.js" type="module"></script> 二、加载本地图片，用canvas获取
使用滤镜获取ie,ff和chrome的file全路径
weixin_34417183的博客
11-28 86
var path; function getFullPath(){ if (window.navigator.userAgent.indexOf("MSIE") >= 1) {//ie obj.select(); path = document.selection.createRange().text; } el...
解决Chrome不支持本地Ajax请求的问题
坚定目标，超越自我
02-17 6857
在写一个用传统javascript实现ajax例子的时候，在chrome中遇到了一个问题：         XMLHttpRequest cannot loadfile:///C:/Users/Administrator/Desktop/test.php.Cross origin requests are only supported for protocol schemes: http, 
ftp文件夹错误_谷歌Chrome计划停止对FTP协议的支持，预计Chrome 82全面实现
weixin_39997696的博客
11-29 414
根据谷歌最近发布的“Intent to Deprecate：FTP支持”文档，谷歌Chrome浏览器从Chrome 82将不再支持，需要访问FTP服务器的用户可选择使用客户端比如开源的FileZilla。Chrome 82预计将在明年下半年放出。文件传输协议(File Transfer Protocol，FTP)是用于在网络上进行文件传输的一套标准协议，作为互联网的经典协议之一，它已经48岁了，其...
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 file文件下无法打开json
tanzhanpai1655的博客
05-15 1079
报错Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.初始解决方法Solution 1:use http protocol instead of file, meaning: set up a http server, such as ...
jquery ajax boundary,javascript - AJAX error:
最新发布
06-01
抱歉，这两个问题似乎没有明确的联系，可以分别解答。 1. jQuery AJAX boundary 我猜这里的 boundary 指的是数据分隔符，一般在发送 multipart/form-data 格式的 POST 请求时会用到。jQuery 的 AJAX 方法中，可以通过设置 contentType 为 false 来禁用默认的 Content-Type 头部，然后手动设置一个合适的 boundary 分隔符。示例代码如下： ``` var formData = new FormData(); formData.append('file', file); $.ajax({ url: '/upload', type: 'POST', data: formData, processData: false, contentType: false, beforeSend: function(xhr) { xhr.setRequestHeader('Content-Type', 'multipart/form-data; boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW'); }, success: function(data) { console.log(data); }, error: function(xhr, status, error) { console.error(status, error); } }); ``` 2. JavaScript - AJAX error 这个问题比较广泛，可能是由于各种原因导致 AJAX 请求失败。常见的错误码有 400、401、403、404、500 等，具体的错误信息需要根据实际情况来判断。一般来说，可以通过查看浏览器的开发工具（比如 Chrome 的开发者工具）来找到具体的错误信息。另外，还需要注意跨域请求时可能会遇到的跨域问题，需要设置合适的跨域策略（比如 CORS 或 JSONP）。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值