【问题标题】：Load an image from an json object onto a html webpage将图像从 json 对象加载到 html 网页中
【发布时间】：2018-11-06 11:54:16
【问题描述】：

我是 json 新手，所以作为一个一般问题，有没有办法将图像文件（例如；{“image”：“image.jpg”}）放在 html 网页上显示图像。如果是这样，我将如何去做？提前致谢。

【问题讨论】：

如果您提供一些上下文，您的问题会更有意义。
@eltonkamami 这只是一个普遍的问题，我在问如何通过将文件名放入对象中来将图像从 json 文件加载到网页上。
您可以将文件路径存储为json中的值，而不是文件名，就像假设您有一个名为“details”的json： details :{ image : "/src/images/image.jpg " } 现在在你的 html 中，你可以在 img 标签中使用它来读取这个 JSON

标签： html json image object

【解决方案1】：

1 - 您将图像存储在您的服务器上

2 - 在您的服务器上，您可以通过网络服务器为您的客户端提供 json。

3 - json 的内容如下所示：

{title_image : "/high/titleimage.png"}

3 - 在您的客户端中解析 json 文件。例如，使用 jQuery，您可以执行以下操作：

var url = "myawesomeapi.com";

$.get(url)
        .done(function( data ) {
            
            var data = JSON.parse(data);
            jQuery("#my_image").attr("src", data.title_image) 
                                
        });

【讨论】：