如何通过数组显示图像？ [复制]答案

【问题标题】：How to display an image through an array? [duplicate]如何通过数组显示图像？ [复制]
【发布时间】：2015-04-04 22:09:21
【问题描述】：

我已经问过这个问题，但我无法得到很多答案。我会尝试更清楚这一点！

我有一个使用 math.random 随机化的数组。我在浏览器中显示这个数组，每次页面刷新它都会随机化并输出一个不同的数组项。每个数组项都包含一个有效的标题和描述，但我也在尝试添加图像。我希望此图像显示在浏览器中。

JavaScript：

var myArray = [
              {title: "my title", description: "my description", image: "file path"},
              ];

function getArray(ary){
  return ary[Math.floor(Math.random()*ary.length)];
}
var random = getArray(action);

然后在我的 HTML 中，我有一个 <script> 标记来向浏览器显示项目的每个部分，

        document.write(random.title);
        document.write(random.description);
        document.write(random.image);

问题是，图像不显示它只显示文本中的实际文件路径。我怎样才能显示实际图像？

【问题讨论】：

您听说过 google.com 网站吗？它比 stackoverflow 更快地为您提供答案。
如何在 img src 之前了解 javascript？
@StephenSarcsamKamenar 我试过谷歌搜索，我一定不是那么擅长...
@UğurGümüşhan 相信我，我试过 img src ...意思。
stackoverflow.com/questions/11722400/…

标签： javascript arrays jpeg ionic

【解决方案1】：

你要放置图片的html，这样：

document.write('<img src="'+random.image+'" width="203" height="350" />');

否则你的random.image 只显示数组的输出，即写有“文件路径”的文本。

【讨论】：

非常感谢！老实说，我已经为此花费了数小时，但我不知道为什么我无法弄清楚，但这一切都说得通。
不客气。

【解决方案2】：

如果您想动态创建图像，可能的方法如下：

var x = document.createElement("IMG");
x.setAttribute("src", "file.jpg");
document.body.appendChild(x);

【讨论】：

【解决方案3】：

使其成为有效的 HTML。赞<img src="path">

这是一些随机文本，因为答案太短了。

【讨论】：