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

【问题标题】：Refreshing a particular div content using javascript / jQuery使用 javascript / jQuery 刷新特定的 div 内容
【发布时间】：2017-01-09 12:37:58
【问题描述】：

我有一个 JQuery div 元素。它在屏幕上显示一张图片。图像存储在设备内存中，并被连续替换（具有相同的文件名）

一旦图像显示它就卡在那里，我希望它在任何给定时间访问此 div 时自行加载最新的图像（保存在内存中）。

我正在使用 javascript 来开发这个应用程序。

感谢任何帮助。

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

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

【问题讨论】：

那么你已经尝试了什么？请出示您的代码，否则我们将无法为您提供帮助。
你在使用 Ionic 等框架吗？
我没有使用任何框架。只是普通的 JQuery Mobile 和 javascript。

标签： javascript android jquery html cordova

【解决方案1】：

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

【讨论】：

我可以在存储中看到文件作为图像。你能告诉我解决我的问题的可能方法吗？
请注意，您必须获取该图像的 FILE_URI 或 DATA_URL 并将 img 标签放入：并显示图像。您可以使用 cordova camera plugin 方法获取图像：navigator.camera.getPicture( cameraSuccess, cameraError, [ cameraOptions ] );
感谢您的回复。我对此完全陌生。对于迟到的回复，我们深表歉意。所以我只需要将file:// 添加到<img > 标签？或者做更多的事情？
我刚刚浏览了相机插件。那么这里我们需要使用摄像头抓图还是本地图片浏览器选择图片获取位置呢？我试图在不让用户选择它的情况下显示图像。我该怎么做？你能帮帮我吗？

【解决方案2】：

由于 cordova 相机插件只允许用户选择图像来查看/编辑或单击图像，因此我们可以使用 cordova 文件插件来创建功能正常的画廊应用程序。

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

cordova 插件添加cordova-plugin-file

然后创建一个处理程序来为您提供图像的路径（语法）：

window.resolveLocalFileSystemURL(cordova.file.dataDirectory, 函数（目录条目）{ 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/Camera 文件夹（默认）中的图像的测试图库应用程序下载到 html img 标签 到用户屏幕上：

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

【讨论】：