Jquery $.ajax与$.getJson读取本地文件的例子

Echarts代码:

 代码如下 复制代码
require('echarts/util/mapData/params').params.continent = {
getGeoJson: function(callback) {
$.getJSON('./scripts/continent_geo.json', callback);
}
}

图示:

 

 

Received an invalid response. Origin 'null' is therefore not allowed access.

改成绝对路径后是这样的:

Cross origin requests are only supported for HTTP

Google了一下原因是:

Chrome基于安全考虑,不开放对本地文件的http请求,为啥IE和Firefox支持就不知道了。

网上有一些解决办法,但是没有一个实验成功的。

给chrome加上启动参数:

 

 代码如下 复制代码
--allow-file-access-from-files
或者 
--disable-web-security

给chrome加上启动参数方法:

谷歌浏览器快捷方式,右键属性将目标位置中加上启动参数

C:\Users\xxx\AppData\Local\Google\Chrome\Application\chrome.exe --disable-web-security

上面2个方法都不成。

最好的办法就是把文件夹放在http服务器进行测试。更好办法欢迎留言交流。

 

时间: 2024-08-02 10:41:10

Jquery $.ajax与$.getJson读取本地文件的例子的相关文章

android华为手机读取本地文件夹图片获取path路径null,求指导

问题描述 android华为手机读取本地文件夹图片获取path路径null,求指导 android华为手机读取本地文件夹图片获取path路径null,求指导 解决方案 public String getImagePathFromURI(Uri uri) { Cursor cursor = getActivity().getContentResolver().query(uri null null null null); String path = null; if (cursor != null

nginx 如何读取本地文件获取参数

问题描述 nginx 如何读取本地文件获取参数 最近遇到开发一个需求:前提我们使用nginx做方向代理,后端tomcat:请求的uri类似 http://www.test.com/********/abc/abc/*:其中 二级目录/********/ 是根据用户随机生成的11位id 与用户是一一对应的:问题:现有后端tomcatA 更改bug后或者优化了部分功能,我们没有重新部署tomcatA,而是重新搭建了一个新的后台tomcatB,因为nginx代理的tomcatA 这样就没办法测试tom

php读取本地文件常用函数(fopen与file_get_contents)_php基础

下面我们以.txt文件为实例来介绍php读取本地文件的函数,读取文件我们可以利用fopen或file_get_contents来读取,file_get_contents更简单而fopen需要fread配合才可以显示读出的内容. 1.首先来介绍一下fopen()函数 下面我们给出了一个直接打开本地文件的代码demo,必要的地方我们都已经加上了注释: 复制代码 代码如下:     //直接打开一个本地文件的实例代码       <?php       //假若我们本地的文件是一个名为xmlas.tx

B/S结构系统 JS读取本地文件内容

问题描述 B/S结构系统在JSP中通过JS调用fso不能读取本地文件内容??请问如何解决??? 解决方案 解决方案二:帮顶回复内容太短了解决方案三:看看你的ie中关于安全的设置.如果不是ie...阿弥陀佛goodluck解决方案四:我公司从事软件外包,现在在招聘网上很难找到愿意外包的软件工程师,特在此寻找人才,有意向的请联系我,0571-56884997

编写Socket客户端和服务器程序,客户端读取本地文件的数据,发送到服务器,服务器接收并存储到文件中。

问题描述 2.编写Socket客户端和服务器程序,客户端读取本地文件的数据,发送到服务器,服务器接收并存储到文件中.消息格式:字段长度(单位字节)内容--------------------------------------------------------------------len8整个消息长度,不包括这4个字节,类型为longfile_name_length1文件名长度,bytefile_namefile_name_length文件名,Stringdata_length8文件数据长度

.net网站开发怎样读取本地文件夹下文件名~~

问题描述 .net网站开发,用C#语言就是要实现从本地文件夹中读取文件中所有图片的名称,名称不包括.jpg,然后作为控件listbox的数据项最终效果就是网页中点击listbox中一个项,右侧就显示一个图片图片都是以时间为名称的,所以就是在listbox里面选择一个日期,就显示对应的图片希望能够帮忙非常感谢!! 解决方案 解决方案二:本地文件夹?这个,b/s结构不是用来干这个事的.解决方案三:publicvoidGetFileNameList(){//初始目录stringpath="c:\ima

php读取本地文件常用函数

1.首先来介绍一下fopen()函数 下面我们给出了一个直接打开本地文件的代码demo,必要的地方我们都已经加上了注释:  代码如下 复制代码     //直接打开一个本地文件的实例代码       <?php       //假若我们本地的文件是一个名为xmlas.txt的文本       $filedemo = "xmlas.txt";       $fpdemo = fopen($filedemo,"r");       if ($fpdemo){  

java 读取本地文件实例

例1 读取本地例子,出现错误自己去寻找相应的jar包!  代码如下 复制代码 package loginQQ;   import java.io.BufferedReader; import java.io.File; import java.io.FileInputStream; import java.io.InputStreamReader;   public class LoadingRead {   /** * 读取配置文件 */ public static void main(Str

HTML5读取拖放的本地文件的例子

在桌面上创建了自定义的放置目标后,可以从桌面上把文件拖放到该目标.与拖放一张图片或链接类似,从桌面上把文件拖放到浏览器中也会触发drop事件.而且可以在event.dataTransfer.files中读取到被放置的文件,此时它是一个File对象,与通过文件输入字段取得的File对象一样. 例子: <!DOCTYPE HTML> <html> <head>     <style type="text/css">         #drop