Javascript 无法使用json从本地存储加载映像

我是一个初学者，尝试在浏览器上使用json加载本地图像。 关于此代码，我有3个问题：

var jsonString='[{“1”：“/models/view/css/pics/dipesh.jpg”，“2”：“/models/view/css/pics/ashish.jpg”，“3”：“/models/view/css/pics/prasun.jpg”}]；
setItem（“1”，jsonString）；
var obj=JSON.parse（localStorage.getItem（“1”）；
$（“.player”）。单击（函数（）{
var img=新图像（150150）；
对于（变量i=0；i

---

您的数据是一个数组，在第一个索引处只有一个对象。而且已经是JSON了：

var jsonString = '[{"1":"/models/view/css/pics/dipesh.jpg","2":"/models/view/css/pics/ashish.jpg","3":"/models/view/css/pics/prasun.jpg"}]';

var jsonObj = JSON.parse(jsonString);

for(var key in jsonObj[0]) {
  console.log(jsonObj[0][key])
}

请参阅上的更新代码

---

使用

$.parseJSON

，如下所示：

var jsonString = '[{"1":"/models/view/css/pics/dipesh.jpg","2":"/models/view/css/pics/ashish.jpg","3":"/models/view/css/pics/prasun.jpg"}]';
var obj = $.parseJSON(jsonString);

for(var key in obj[0]) {
  console.log(obj[0][key])
}

---

stringify（jsonString）；您是否正在尝试将已在JSON中的内容转换为JSONP@Vikrant例如我已经试过了。不是working@argentum47：哦。。是的，谢谢。我删除了那一行，但仍然是相同的输出。@gotchha检查我的答案并更新了fiddleIts在控制台中打印，但没有加载到浏览器是的，我用append.html函数尝试了它，但没有加载。你能给我举个小提琴的例子吗？非常感谢你的回答。我得到了答案。我使用了

“http://”+window.location.hostname+“projectdirectory”+path.

和它现在的工作是它与远程位置的工作。我需要它来处理本地文件。@gotchha您可以设置您的本地图像url:）我正在尝试设置本地路径，但它显示图像的404。你能告诉我哪条路正确吗？我已经添加了我的目录结构

GamePlayer/models/view/css/pics/dipesh.jpg GamePlayer/models/view/css/js/myjs.js

我有并行目录pics和jsthnx，但我要的是本地路径。它适用于远程文件，但不适用于本地文件。@gotchha您可以使用window.location.hostname访问整个页面。它将为您提供主机名，因此请尝试类似“http://”+window.location.hostname+“projectdirectory”+path。。如果您使用php本地主机，这将起作用，否则您需要向我显示您的目录结构

var jsonString = '[{"1":"/models/view/css/pics/dipesh.jpg","2":"/models/view/css/pics/ashish.jpg","3":"/models/view/css/pics/prasun.jpg"}]';
var obj = $.parseJSON(jsonString);

for(var key in obj[0]) {
  console.log(obj[0][key])
}