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

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

新規登録して質問してみよう
ただいま回答率
85.50%
Cordova

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

JavaScript

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

Monaca

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

Q&A

解決済

1回答

797閲覧

ファイルAPIでPERSISTENTに保存されているファイルのURLを取得したい(Monaca)

agepan

総合スコア66

Cordova

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

JavaScript

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

Monaca

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

0グッド

1クリップ

投稿2017/08/16 02:26

MonacaのファイルAPIを利用して、PERSISTENTに保存されたファイル一覧を取得しようとしています。とあるページにて紹介されていました、下記のコードを利用することで、ファイル名の一覧を取得することまではできました。

次に、ファイル名だけの一覧ではなく、ファイルURL(file://〜/〜/image.jpg)を含めた形での一覧を取得したいと模索しているのですが、その方法が分からず、このような形での取得が可能なのかどうか、実現できる方法をお知りの方がいましたらよろしくお願いいたします。

これを通して実現したいことは、個々のファイルパスを取得して、ページ上に<img src="(取得したファイルパス)">の形で画像を表示させたいと考えております。

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

/*===PERSISTENTにあるファイル一覧を取得する===*/ document.addEventListener("deviceready", onDeviceReady, false); function onDeviceReady() { window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, onFileSystemSuccess, onFileSystemFail); //window.requestFileSystem(LocalFileSystem.TEMPORARY, 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++) { console.log(fileEntries[index].name) } } function fail(error) { console.log("error: " + error.code); }
//上のコードの結果、このようなファイル名一覧は取得できています cdv_photo_001.jpg cdv_photo_002.jpg cdv_photo_003.jpg and more...

気になる質問をクリップする

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

自己解決しました。

上記コードのうち、

console.log(fileEntries[index].name)

console.log(fileEntries[index].toURL())

にすることでファイル名を含むフルパスが取得できました。

投稿2017/08/16 05:24

agepan

総合スコア66

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問