Question

我只是尝试显示JSON文件中的图像：

[
    {
        "Images" : "images/examples.jpg"
    }
]

但是JSON不接受路径作为路径，而是字符串。有什么方法可以显示图像？

Answer 1

我不确定您如何处理JSON，但仅需要图像的路径。然后，您只需使用该路径即可显示图像。

在下面的示例中，我使用javascript解析了图像路径并将其注入图像源。

这里的关键是您需要以某种方式将图像的路径放入img标记中。 <img src="{{json.Images}}">

var json = '{"Images" : "https://res.cloudinary.com/demo/image/upload/sample.jpg"}';

var jsonObject = JSON.parse(json);

document.getElementById("someImage").src = jsonObject.Images;

<img id="someImage" src="">

Answer 2

在下面的示例中，使用来自placeholder.com的图像

const a = [{
  "Images": "https://via.placeholder.com/100x100"
}];

// Store reference to image tag
const image = document.getElementsByTagName("img")[0];

a.map(function(img) {
  // Here just assigning the single image URL 
  image.src = img.Images;
})

<img src="">

如何从JSON文件获取图片路径？

2 个答案: