將圖片放入javascript中的數組

Question

我對javascript有點陌生，我的意思是我知道語法，但對庫卻了解不多。

我需要一些幫助，以將文件夾中的某些文件（圖片）放入arry中，讓我們說：

var[] pictures = ?;

（該文件夾在我的項目中，其中包含一些圖片）

所以我可以遍歷它們，並在頁面上顯示它們，我進行了一些搜索，但是我沒有找到任何有關操作方法的指南。

我真的很想了解如何在將來的項目中做到這一點，甚至鏈接到已知的GUID，你們都知道，我們將為您提供很大的幫助。

如果它幫助即時通訊使用asp.net。

Answer 1

嗯，有很多方法可以解決該問題，對我來說，您可以做的是（如果您事先不知道圖像的位置）創建一個返回每個圖像的src的服務，並將其存儲在數組中，然后在頁面中顯示它們。

我相信您正在使用jQuery，因此您可以發出這樣的ajax請求 ：

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
    }
});

一旦有了來源，就可以像這樣擺弄它們來顯示它們

告訴我它是否有幫助，或者您是否需要其他解決方案。

Answer 2

如果您只想顯示一組圖片以便以后顯示，則可以使用：

var sources = [
    "path/to/yourImage1.jpg",
    "path/to/yourImage2.jpg",
    // ...
    "path/to/yourImageN.jpg",
];

var pics = [];
for(var i = 0; i < sources.length; i++) {
    var pic = new Image();
    pic.src = sources[i];
    pics[i] = pic;
}