質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.76%

  • JavaScript

    15363questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • jQuery

    6350questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

  • Monaca

    944questions

    「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。

  • Cordova

    408questions

    Cordovaは様々なデバイスで使うことができるオープンソースなモバイル用開発プラットフォームです。開発者に各デバイスの元のプラットフォームで開発する必要をなくし、HTML・JavaScript・CSSなどの一般的なウェブのテクノロジーを使ってすべてのデバイスで展開することができるモバイルのアプリケーションを生成することを可能にします。

ファイルAPIでファイルを移動させたい

解決済

回答 2

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 1,028

agepan

score 53

MonacaでファイルAPI(ファイル操作プラグイン)を用いてファイルを移動させるコードを書いています。

こちらのサイトを参考に、フォルダAにある「abc.jpg」をフォルダBに移動させるコードを書きたいのですが、以下コードではエラーとなってしまい、ファイルの移動ができません。

問題点・改善点をご教授いただけますと幸いです。
よろしくお願いいたします。

var fileName = 'abc.jpg';
var folderA = 'A';
var folderB = 'B';

window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, onFileSystemSuccess, onFileSystemFail);
function onFileSystemSuccess(fileSystem) {
    var directoryEntry = fileSystem.root;
    //var directoryReader = directoryEntry.createReader();
    //directoryReader.readEntries(getFileName, fail);

    //サブディレクトリのファイルを取得・移動
    directoryEntry.getDirectory(folderA, { create: false }, function(subDirectoryEntry) {
      subDirectoryEntry.move('/' + fileName, folderB + '/');
    });           

}
function onFileSystemFail(error) {
    console.log("error: " + error.code);
}

追記:
参照元サイトで「FileEntry」を使用していることから、もしかすると下記のようなコードが参考になるかも知れません。

  var filename = 'abc.jpg';
  var folderurl = cordova.file.documentsDirectory + 'folderA' + '/';

  window.resolveLocalFileSystemURL( folderurl ,
   function getDirectoryEntry( directoryEntry ) {  
      directoryEntry.getFile( filename, null,
        function readFile( fileEntry ) {
          fileEntry.file(
            function( file ) {
              var reader = new FileReader();
              reader.onloadend = function() {
              };
              reader.readAsText(file);
            },  
            function fail(e) {
              // エラー処理
            }  
          );
        },
        function fail(e) {
          // エラー処理
        }  
      );
    },
    function fail(e) {
      // エラー処理
    }  
  );

再追記:
エラーメッセージです。

Error in Success callbackId: File1535706521 : TypeError: directoryReader.move is not a function. (In 'directoryReader.move(fileName, '/' + folderB + '/')', 'directoryReader.move' is undefined)

TypeError: directoryReader.move is not a function. (In 'directoryReader.move(fileName, '/' + folderB + '/')', 'directoryReader.move' is undefined)


再追記(2017.10.21)

参考元のサイトのコードに即して書き直してみました。すると、

Error in Success callbackid:File870964021:
ReferenceError:Can't find variable:fs

とエラーになります。fsはおそらくFileSystemのことではないかと思うのですが、参考元サイトのコードそのままの部分なので、どのようにエラー対処していいものか見当が付きません。ちなみにfsをfileSystemに書き換えても同様のエラーになります。よろしくお願いいたします。

window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function(fs) {
  move('/' + folderA + '/' + 'abc.jpg', folderB + '/');
}, errorHandler);        

function move(src, dirName) {
  fs.root.getFile(src, {}, function(fileEntry) {

    fs.root.getDirectory(dirName, {}, function(dirEntry) {
      fileEntry.moveTo(dirEntry);
    }, errorHandler);

  }, errorHandler);
}


function errorHandler(e) {
  console.log('Error: ' + msg);
}                
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • rnosh

    2017/10/20 13:55

    エラーの内容が知りたいのですが、追記いただけますか?

    キャンセル

  • agepan

    2017/10/20 14:00

    エラーメッセージの方、追記させていただきました。よろしくお願いいたします。

    キャンセル

回答 2

check解決した方法

0

自己解決いたしました。一番最後に試した、参考元サイトにあったコードを使い、一部修正を入れることで動作するにようになりました。

var folderA = 'フォルダーA';
var folderB = 'フォルダーB';
var fileName = 'abc.jpg';

window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function(fs) {
  move('/' + folderA + '/' + fileName, folderB + '/', fs); // 引数に「fs」追加
}, errorHandler);        

function move(src, dirName, fs) { // 引数に「fs」追加
  fs.root.getFile(src, {}, function(fileEntry) {

    fs.root.getDirectory(dirName, {}, function(dirEntry) {
      fileEntry.moveTo(dirEntry);
    }, errorHandler);

  }, errorHandler);
}


function errorHandler(e) {
  console.log('Error: ' + msg);
}                


エラーメッセージで「fs」と出ていたので、参考元サイトのコードには入っていない、moveの引数として「fs」を追加したところ正しく動作するようになりました。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

0

エラーメッセージの追記ありがとうございます。

まずエラーを見る限りなんですが、ちゃんと想定している箇所を通っていますか?

TypeError: directoryReader.move is not a function
'directoryReader.move' is undefined

この2つのメッセージはざっくり言うと、
・'directoryReader.move'はファンクション(関数、メソッド化されていない)ではない。
・'directoryReader.move'は未定義
と言っています。

directoryReader.moveという記述がご記載のソース内には見当たらないので、
エラーが発生しているのは、この投稿に記載されているソース以外の場所で起こっているように思えます。

もしdirectoryReader.moveというファンクションが存在するのであれば、その箇所のソースがエラーの解決には必要になると思います。
もし存在しないのであれば、呼び出し元に問題があるかと思われます。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/10/20 19:06

    ご回答ありがとうございます。
    ファイルAPIについては理解がまだ追いついていない状態でして、手探りでやっている状態であります。先に投稿しましたコードをさらに弄ってまして、今は下記のようなコードになっていますが解決しておりません。先ほどの「directoryReader.move」のエラーはこのコードで生み出された物だと思います。

    ```JavaScript
    window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, onFileSystemSuccess, onFileSystemFail);
    function onFileSystemSuccess(fileSystem) {
    var directoryEntry = fileSystem.root;
    var directoryReader = directoryEntry.createReader();

    //サブディレクトリのファイルを取得する ここから
    directoryEntry.getDirectory(folderA, { create: false }, function(subDirectoryEntry) {
    directoryReader.move('/' + folderA + '/' + fileName, folderB + '/');
    });
    }
    ```

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.76%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る

  • JavaScript

    15363questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • jQuery

    6350questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

  • Monaca

    944questions

    「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。

  • Cordova

    408questions

    Cordovaは様々なデバイスで使うことができるオープンソースなモバイル用開発プラットフォームです。開発者に各デバイスの元のプラットフォームで開発する必要をなくし、HTML・JavaScript・CSSなどの一般的なウェブのテクノロジーを使ってすべてのデバイスで展開することができるモバイルのアプリケーションを生成することを可能にします。