2017-01-09 10 views
0

私はJQuery div要素を持っています。画面に画像を表示します。イメージはデバイスメモリに保存され、連続した間隔(同じファイル名)で置換されますjavascript/jQueryを使用して特定のdivコンテンツをリフレッシュする

イメージが表示されたら、そこにスタックされています。メモリに保存されている最新のイメージをロードしますいつでも私はいつでもこのdivを訪ねます。

私はこのアプリケーションを開発するためにJavaScriptを使用しています。

少しの助けに感謝します。

[更新]
これは私のコードで、イメージを表示するための標準的な方法です。 <img src="/storage/emulated/0/Images/1.png" width="128" height="128">

イメージ1.pngは定期的に置き換えられます。私はこれを画面上で更新したい。

+2

あなたはすでに何を試しましたか?あなたのコードを表示してください。そうでなければ、私たちはあなたを助けることができません。 – Koen

+0

Ionicなどのフレームワークを使用していますか? – raju

+0

フレームワークを使用していません。ちょうど通常のJQuery Mobileとjavascript。 – Sam

答えて

0

コードバカメラプラグインでは、画像を表示/編集したり画像をクリックするだけで、コードホイールファイルプラグインを使用して機能するギャラリーアプリを作成できます。

プロジェクトに追加コルドバファイルプラグイン:

コルドバプラグイン

コルドバ・プラグイン・ファイルを追加し、あなたの画像(構文)のパスを提供するためのハンドラを作成します。

window.resolveLocalFileSystemURL(cordova.file.dataDirectory、関数 (のDirEntry){ console.log( 'ファイルシステムオープン:' + dirEntry.name); var isAppend = true; createFile(dirEntry、 "fileToAppend.txt"、isAppend); }、onErrorLoadFs);このプラグインの詳細について

https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-file/

あなたはユーザー画面上にHTML imgタグDCIM /カメラからフォルダ(デフォルト)画像を示すテストのギャラリーアプリをダウンロードすることができます

https://drive.google.com/open?id=0B8vJcyO8_PK9R1k4STUyaEJQS1k

1

あなたはSDカードから取得することは、そのような(ファイル://storage/emulated/0/Images/1.png)としてFILE_URIオブジェクトであるか、あなただけのBase64では、上記の文字列に変換されDATA_URLオブジェクトを取得.html imgタグにはFILE_URIDATA_URLを直接入力できます。

+0

ファイルをストレージ内のイメージとして見ることができます。 問題を解決する方法を教えてもらえますか? – Sam

+0

イメージのFILE_URIまたはDATA_URLを取得し、imgタグをとして入力してイメージを表示する必要があることに注意してください。cordova ** camera plugin **メソッドを使用してイメージを取得できます:navigator.camera.getPicture cameraSuccess、cameraError、[cameraOptions]); – taranjeetsapra

+0

返事をありがとう。私はこれについて全く新しいです。 遅れて申し訳ありません。 'file://'を ''タグに追加するだけでいいですか?あるいはもっと何かをする? – Sam

関連する問題