如何通过数组显示图像？

Question

我已经问过这个问题了，但没能得到很多答案。我会尝试用这个更清楚！

我有一个使用 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);

问题是，图像没有显示，它只以文本形式显示实际文件路径。我怎样才能显示实际图像？

Answer 1

您要放置图像的 html，这样：

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

否则你的random.image只显示数组的输出，它是写有"file path"的文本。

Answer 2

使其有效HTML。喜欢<img src="path">

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

Answer 3

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

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

如何通过数组显示图像？

How to display an image through an array?

javascript

arrays

jpeg

ionic