使用javascript / jQuery刷新特定的div内容

时间:2017-01-09 12:37:58

标签: javascript android jquery html cordova

我有一个JQuery div元素。它在屏幕上显示一张图片。图像存储在设备存储器中,并以连续间隔(具有相同文件名)

进行替换

一旦显示图像它就会卡在那里,我想让它在任何给定的时间内访问这个div时自己加载最新的图像(保存在内存中)。

我使用javascript开发此应用程序。

感谢任何一点帮助。

[更新]
这是我的代码,只是显示图像的标准方式。 <img src="/storage/emulated/0/Images/1.png" width="128" height="128">

图像1.png将定期更换。我希望在屏幕上更新。

2 个答案:

答案 0 :(得分:1)

你从SD卡获得的是一个 FILE_URI 对象,例如(file://storage/emulated/0/Images/1.png),或者你得到 DATA_URL 对象这只是上面的Base64转换字符串.html img标记直接接受 FILE_URI DATA_URL

答案 1 :(得分:0)

由于cordova相机插件只允许用户选择要查看/编辑的图像或点击图像,因此我们可以使用cordova文件插件来创建功能强大的图库应用。

将cordova文件插件添加到您的项目中:

  

cordova插件添加cordova-plugin-file

然后创建一个处理程序,为您提供图像的路径(语法):

  

window.resolveLocalFileSystemURL(cordova.file.dataDirectory,function   (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