将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请求,具体看这个:chrome无法保存本地设置cookie解决办法
添加了--allow-file-access-from-files启动参数后,还可以解决本地file加载文件,导致iframe和父页无法相互访问,window.open打开的页面使用opener为null的问题,参考:chrome本地测试访问iframe,parent,opener null解决办法
上述方法我自己没试验成功!!!找到了另一个可行的方案~~~
原因: 谷歌浏览器内核为了安全机制,不允许这样方式访问其他页面,但是其他浏览器却允许这种情况。
解决方法: 将html页面部署到服务器再访问,就不会出现这种情况了。
相关推荐
不过,我们可以采取一些解决办法来让Chrome支持本地file协议的AJAX请求。 对于Windows用户,可以通过修改Chrome快捷方式的属性来解决这个问题。在目标路径后添加"--allow-file-access-from-files"(注意前面有一个...
在大多数主流浏览器中,比如Chrome7+、Firefox4+、IE10+、Opera12+和Safari5+,都能够支持FormData对象。这使得开发者可以较为简单地处理文件上传任务。 总之,通过Ajax方式进行文件上传相较于传统的form表单提交...
通常,你需要将JSON文件放在与HTML文件相同的服务器上,或者在开发过程中使用如Chrome的`file://`协议允许本地文件访问的设置。 总结来说,jQuery的Ajax功能提供了方便的方式来异步加载和处理JSON数据。在上述示例...
### Ajax详解:异步JavaScript与XML的革命 #### 引言 Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。这一技术自诞生以来,极大地提升了用户交互体验,...
在前端,你可以使用任何支持发送multipart/form-data请求的库,比如jQuery的`$.ajax`,或者更现代的`fetch API`。创建一个表单,设置`enctype`为`multipart/form-data`,并使用`FormData`对象将文件添加到POST请求...
// 这里可以添加代码来处理文件上传逻辑,例如发送 AJAX 请求等 console.log('文件名:', file.name); } else { alert('请选择文件!'); } }); ``` #### 五、总结 本文详细介绍了如何通过 HTML、CSS 和 ...
我使用的编辑器是sublime text3,首先要先安装个插件sublimeServer,用来搭建一个http服务器,使用详情请查看这篇博客文章: 配置Chrome支持本地(file协议)的AJAX请求 下载相关vue文件 1.vu
2. **jQuery**: jQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理、AJAX请求等。在这个项目中,jQuery可能被用来处理用户选择文件的事件,以及通过AJAX发起跨域POST请求。 3. **JSP (Java Server Pages)...
例如,可以在Chrome和Firefox下查看`File`对象的详细信息。 2. **FileReader对象**: `FileReader`用于异步读取`File`或`Blob`对象的数据。它提供了一系列的`readAs*`方法,包括`readAsDataURL()`, `...
8. **跨浏览器兼容**:作为基于 jQuery 的插件,jQuery.fileTree 具有良好的浏览器兼容性,支持大部分现代浏览器,包括 Chrome, Firefox, Safari, Opera 和 Internet Explorer。 9. **服务器端集成**:jQuery.file...
- 当使用原生AJAX进行POST请求时,`request payload`通常用于传输JSON或其他非表单类型的数据。在Chrome开发者工具中,这类请求的`Content-Type`可能是`application/json`、`multipart/form-data`或其他自定义类型,...
它是服务器端接收和处理Ajax请求的入口点,负责接收上传的图片数据,进行存储或进一步处理,如压缩、重命名等,并向客户端返回响应信息。 5. **FileUpload.htm** 这是用户交互的前端页面,包含了HTML、CSS和...
标题“excel本地预览.rar”和描述“1.js,浏览器 excel本地预览,支持合并单元格预览”指向了一个特定的JavaScript解决方案,该方案允许在浏览器环境中预览Excel文件,并且具备处理合并单元格的能力。这通常是通过...
我们关注的是那些负责异步加载内容的AJAX请求。 2. 在Firebug的网络面板中,找到对应的AJAX请求。每个请求都会有详细的请求URL和参数信息。这些信息是关键,因为它们指示了从哪个服务器地址获取数据,以及需要传递...
首先,知识点中提到了`createUploadIframe`函数,该函数的主要功能是创建一个iframe元素,用于在Ajax请求中承载文件上传的数据流。该函数通过检查`window.ActiveXObject`来判断当前是否为IE浏览器。这是因为IE浏览器...