我正在尝试显示一个名称存储在JSON文件中的图像。如果我手动输入文件的路径它工作正常，但一旦我尝试使用变量来更改要显示的图像，它不会返回图像。有人可以帮忙吗？
$.each(responce.products, function (key, val) {
if (val.name.search(myExp) != -1) {
output += '<div class="col-md-2 col-sm-2 shoe">';
output += '<img class="img-responsive" src="images/'+ val.imgName + '.png"/>';
output += '</div>';
}
});
我认为问题可能在于这行代码：
output += '<img class="img-responsive" src="images/'+ val.imgName + '.png"/>';
如果我输入路径：
output += '<img class="img-responsive" src="images/filename.png"/>';
它工作正常。当我检查控制台日志时，我没有看到定义的imgName键，但它是在我的JSON文件中定义的。使用了JSON验证器，它说我的语法有效。
JSON：
{ "products" : [
{ “名称”：“产品名称1”， “id”：“232626-040”， “价格”：“299”， “颜色”：“黑金”， “description”：“”， “imgName”：“img name” }， { “名称”：“产品名称2”， “id”：“232626-050”， “价格”：“300”， “颜色”：“白金”， “description”：“”， “imgName”：“图片名称” }， { “名称”：“产品名称3”， “id”：“232626-071”， “价格”：“100”， “白颜色”， “description”：“”， “imgName”：“图片名称”
}， { “名称”：“产品名称4”， “id”：“232626-010”， “价格”：“100”， “颜色”：“白灰黑”， “description”：“”， “imgName”：“图片名称” }， ]}