javascript - 在javascript中将图片放入数组中

Question

我对 javascript 有点陌生，我的意思是我知道语法，但不太了解库。

我需要一些帮助才能将文件夹中的一些文件(图片)放入 arry 中，例如:

var[] pictures = ?;

(该文件夹位于我的项目中，包含一些图片)

这样我就可以循环它们并在页面上显示它们，我做了一些搜索，但我没有找到任何关于如何执行此操作的指南。

我真的很想了解如何为 future 的项目做到这一点，甚至是已知指南的链接，你们知道我们将提供很大的帮助。

如果它对我使用 asp.net 有帮助。

Answer 1

嗯，有很多方法可以解决这个问题，对我来说，你可以做的是(如果你事先不知道图像的位置)创建一个返回每个图像的 src 的服务，并将其存储起来放在一个数组中，然后在页面中显示。

我相信您正在使用 jQuery，因此您可以制作 ajax request像这样:

jQuery.ajax({
     url: /*path to*/"Service.asmx/getSources"
     //options, check documentation
});

然后，从 asp 中创建一个新服务(在我的例子中为 Service.asmx )并创建一个返回图片位置的方法(在我的例子中该方法称为 getSources )

我建议您使用 JSON(和 jQuery.getJSON() 方法)，这样您就可以返回 List<string> .

最后，您可以迭代或将源存储在数组中，我将举一个带有 getJSON 的示例方法

var sources = []
jQuery.getJSON("Service.asmx/getSources", function(data) {
    for(var i = 0, len = data.length; i<len ; i++) {
      sources.push(data[i]);//store every source in the array
    }
});

一旦你有了源，你就可以显示它们，比如 this fiddle

告诉我它是否有帮助或者您是否需要其他解决方案。