SD カードから画像を読み取り、phonegap アプリケーションのギャラリーに表示しています。コンテンツを読み取るフォルダーが 2 つあります。1 つは、同期されたフォルダーと同期されていないフォルダーです。コードは次のとおりです。
listGalleryContents(synchedsdcardfolder, function() {
listGalleryContents(unsynchedsdcardfolder, function() {
showGalleryPage();
});
});
function listGalleryContents(directoryEntry, onComplete) {
var directoryReader = directoryEntry.createReader();
directoryReader.readEntries(function(entries) { // success get files and folders
for(var i=0; i<entries.length; ++i) {
if(entries[i].name.indexOf(".") > 0 && entries[i].isFile) {
imagesArray.push(entries[i].fullPath);
}
}
onComplete();
} , function(error){
alert("Error: = " + error.code);
});
}
問題は、SD カードから読み取る画像が多すぎる場合に発生します。ギャラリー ビューをクリックすると、画像の読み込みに時間がかかります。応答性を高め、パフォーマンスを向上させる方法はありますか?