javascript - 如何将图像存储在 JavaScript 的数组中

Question

我想知道是否有人知道这是否可能以及如何将图像存储在数组中。我对 JavaScript 还很陌生，所以如果你知道怎么做，你可以浏览一下语法并解释你是如何做到的。我尝试使用本地存储的照片以及来自互联网的图像 URL。我想在满足某些条件并按下按钮时显示照片。我正在尝试制作一个电影建议网站，该网站将在选择类型并按下按钮时显示一系列图像。我知道我的代码还没有接近完成，但任何朝着正确方向的推动都将不胜感激。

这就是我尝试将图像存储在数组中的方式，但它不起作用

var images = ['github-logo.png', 'linkedin-logo.png', 'gmail.png']

标签： javascriptarraysformsimagesubmit

Answer 1

您可以尝试使用如下数组：

var pics = {
    "genre1":["pic1.jpg", "pic2.jpg", "pic3.jpg"],
    "genre2":["pic4.jpg", "pic5.jpg", "pic6.jpg"],
    "genre3":["pic7.jpg", "pic8.jpg", "pic9.jpg"]
};

然后，您可以获得特定类型的相关图片，如下所示：

var picarray = pics.genre1;

或者

var picarray = pics["genre1"];