在javascript中獲取圖片到一個數組中

即時通訊新的javascript我的意思是我知道的語法，但沒有那麼多的圖書館。在javascript中獲取圖片到一個數組中

我需要一些幫助才能從文件夾中的一些文件（圖片）爲ARRY讓說：

var[] pictures = ?;

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

，所以我可以循環播放它們，並將它們放在頁面上，我做了一些搜索，但是我沒有找到關於如何執行此操作的任何指南。

我真的很想了解如何爲未來的項目做到這一點，甚至連接到已知的指導你知道我們將是一個很大的幫助。

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

來源

2011-12-04 samy

嗯，有很多方法可以解決這個問題，對我而言，你可以做的是（如果你事先不知道圖像的位置）做一個服務，返回每個圖像的src，store在一個數組中，然後在頁面中顯示它們。

我相信你正在使用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

告訴我他們顯示如果它有幫助，或者你需要另一種解決方案。

來源

2011-12-04 16:33:49 NicoSantangelo

如果你想要的圖片數組只是爲了以後顯示出來，你可以簡單地使用：

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

來源

2011-12-05 08:33:48 Luc125

在javascript中獲取圖片到一個數組中

回答

相關問題