2017-01-09 65 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

由於cordova相機插件只允許用戶選擇圖像來查看/編輯或單擊圖像,我們可以使用cordova文件插件來創建一個正常運行的圖庫應用程序。

附加科爾多瓦文件的插件到您的項目:

科爾多瓦插件添加科爾多瓦 - 插件文件

然後創建一個處理程序,爲您提供圖像(語法)的路徑:

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/

您可以從DCIM /攝像機文件夾(默認)下載顯示的圖像測試庫的應用程序轉換成HTML img標籤到用戶屏幕:

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

1

你從SD卡得到的是一個FILE_URI爲(文件://storage/emulated/0/Images/1.png)等對象,或者您得到DATA_URL對象,它僅僅是Base64編碼轉換的字符串以上。html img標記直接接受FILE_URIDATA_URL

+0

我可以將文件看作存儲中的圖像。 你能告訴我一種解決我的問題的可能方法嗎? – Sam

+0

請注意,您必須獲取該圖像的FILE_URI或DATA_URL,並將img標記設置爲:並顯示圖像。您可以使用cordova **相機插件**使用方法navigator.camera.getPicture( cameraSuccess,cameraError,[cameraOptions]); – taranjeetsapra

+0

感謝您的回覆。我對此完全陌生。 對於遲到的迴應感到抱歉。 所以我只需要添加'file://'到''標籤?或者做更多的事情? – Sam