PERSISTENTに置いたサブディレクトリ内にあるファイル一覧を取得したい

Question

現在Monacaを用いましてPERSISTENTに保存したファイル名一覧を取得しています。下記コードを用いまして、PERSISTENT直下にあるファイル名一覧を取得することができたのですが、同じくそこに置いてあるサブディレクトリ（フォルダA）の中に置いたファイル名一覧を取得する方法が分かりません。

他所（https://www.html5rocks.com/ja/tutorials/file/filesystem/）調べてみましたところ「getDirectory」を用いるとサブディレクトリを取得できる？ようなのですが、その先どのようにコードを組んでいいものか分からず、方法お分かりの方がいらっしゃいましたらよろしくお願いいたします。

/*＝＝＝PERSISTENTにあるファイル一覧を取得する＝＝＝*/

    document.addEventListener("deviceready", onDeviceReady, false);
    function onDeviceReady() {
        window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, onFileSystemSuccess, onFileSystemFail);
    }
    function onFileSystemSuccess(fileSystem) {
        var directoryEntry = fileSystem.root;
        var directoryReader = directoryEntry.createReader();
        directoryReader.readEntries(getFileName, fail);
    }
    function onFileSystemFail(error) {
        console.log("error: " + error.code);
    }
    function getFileName(fileEntries) {
        for (var index = 0; index < fileEntries.length; index++) {
            arr.unshift(fileEntries[index].name) ;
        }
    }
    function fail(error) {
        console.log("error: " + error.code);
    }

上記コードを使って以下のようなファイル名一覧を取得できましたが、「フォルダA」内に置いてあるファイル名一覧を取得できればと思います。

cdv_001.jpg
cdv_002.jpg
cdv_003.jpg
フォルダA

よろしくお願いいたします。

Answer 1

出来るだけ原型のソースをそのまま使用するとして、下記のコードを追加してみて下さい。

    function onFileSystemSuccess(fileSystem) {
        var directoryEntry = fileSystem.root;
        var directoryReader = directoryEntry.createReader();
        directoryReader.readEntries(getFileName, fail);

//------ここから追加 ↓         
        directoryEntry.getDirectory('フォルダA', { create: true }, function(subDirectoryEntry) {
           var subDirectoryReader = subDirectoryEntry.createReader();
           subDirectoryReader.readEntries( function (subDirectoryFileEntries) {
              for (var index = 0; index < subDirectoryFileEntries.length; index++) {
                 console.log(subDirectoryFileEntries[index]);
              }
           },  
           function fail1(error) {
             console.log("error: " + error.code);
           });
             
        });           
//------ここまで追加 ↑         

    }

私は[window.requestFileSystem]よりも[window.resolveLocalFileSystemURL]の方が使いやすいです。

Comments

[agepan]

回答ありがとうございます！
お教え頂いたコードを追加してみたところ、バッチリサブディレクトリ内のファイル一覧を取得することができました！（console.log(subDirectoryFileEntries[index]);　の部分を　console.log(subDirectoryFileEntries[index].name);　と、「.name」を追加してファイル名を取得できました）

ファイルAPI関連の情報は少ないようで難儀しておりましたが、なんとか進めそうであります。貴重なご回答誠にありがとうございました！