Javascript 如何从本地驱动器为json设置图像url_Javascript_Angularjs_Json

Javascript 如何从本地驱动器为json设置图像url

javascript angularjs json

Javascript 如何从本地驱动器为json设置图像url,javascript,angularjs,json,Javascript,Angularjs,Json,我是新的angularjs工具这是我的json文件 [ { "name": "WORLD", "population": 6916183000, "flagurl":"C:\xampp\htdocs\selva \Flag_of_the_People's_Republic_of_China.svg" }, { "name":"More developed regions", "population": 1240935000, "flagurl":

我是新的angularjs工具

这是我的json文件

[
  {
   "name": "WORLD",
   "population": 6916183000,
   "flagurl":"C:\xampp\htdocs\selva
\Flag_of_the_People's_Republic_of_China.svg"
  },
  {
   "name":"More developed regions",
   "population": 1240935000,
   "flagurl": "C:\xampp\htdocs\selva
\Flag_of_the_People's_Republic_of_China.svg"
  },
  {
    "name": "Less developed regions",
    "population": 5675249000,
    "flagurl": "C:\xampp\htdocs\selva
\Flag_of_the_People's_Republic_of_China.svg"
  },
  {
    "name": "Least developed countries",
    "population": 838807000,
    "flagurl": "C:\xampp\htdocs\selva
\Flag_of_the_People's_Republic_of_China.svg"
  }
]

当我运行下面的代码时，它不工作

<script>
var myapp=angular.module('myapp',[]);
myapp.controller('myctrl', function ($scope,$http) {
$http.get('flag.json').success(function(data){
$scope.countries=data;
});
});
</script>
<body>
<div ng-controller="myctrl">
search: <input type="text" ng-model="query" />
<table>
<tr>
<th>country</th>
<th>population</th>
<th>flag</th>
</tr>
<tr ng-repeat="country in countries"> 
<td>{{country.name}}</td>
<td>{{country.population}}</td>
<td><img src="{{country.flagurl}}" width="100"></td>
</tr>
</table>


var myapp=angular.module（'myapp'，[]）；
控制器（'myctrl'，函数（$scope，$http）{
$http.get（'flag.json'）.success（函数（数据）{
$scope.countries=数据；
});
});
搜索：
国家
人口
旗帜
{{country.name}
{{国家人口}

但当我从网上获取图像时，效果很好

我可以知道我的密码有什么错误吗

任何帮助都将不胜感激

谢谢，

此错误是由于未加载图像造成的。应根据图像与

index.html

的相对位置来引用图像。由于图像与

index.html

位于同一目录中，因此不需要文件引用

要正确加载图像，应以以下方式重构JSON：

{
  "flagurl": "Flag_of_the_People's_Republic_of_China.svg"
}

浏览器已经停止允许在默认模式下访问本地资源（不确定ie）无论如何，你可以像这样启动chrome“chrome.exe--允许从文件访问文件”来允许你这样做

你可以发布你收到的错误输出吗？它只是没有显示所有数据。。当在网络控制台中显示这样的信息时，您可以将图像中的错误消息添加到帖子中吗？我的意思是您应该复制并粘贴到问题帖子中。这将帮助人们找到解决方案。JSON无效。你应该在验证器中检查它。