使用 Cordova 显示本地保存的图片答案

【问题标题】：Display locally saved picture with Cordova使用 Cordova 显示本地保存的图片
【发布时间】：2016-04-24 18:37:42
【问题描述】：

我正在使用 Cordova 开发 iOS 和 Android 移动应用程序，我在保存和显示从相机或相机胶卷拍摄并保存在本地的照片时遇到问题。

我已经看过关于这个主题的其他对话：
Save image in local storage phonegap
Capturing and storing a picture taken with the Camera into a local database / PhoneGap / Cordova / iOS

我正在使用这些对话中描述的脚本，这些脚本很好，但最终无法实现显示保存的图片。

我知道图片已成功保存在我 iPhone 上的永久文件夹中，我可以使用 iExplorer 软件在我的应用程序子文件夹中查看它们，例如：Documents/MyApp/cdv_photo_002.jpg

我将本地图片的完整路径保存在我的 localStorage 中并获得类似：file:///var/mobile/Containers/Data/Application/4E70258E-8060-48A6/Documents/MyApp/cdv_photo_002.jpg

当我尝试将此路径放入 img src 时，没有显示任何内容，好像图片不存在或没有此路径...
如何显示我的本地图片？

【问题讨论】：

你的应用有读写权限吗？
您在控制台中看到错误吗？
是的，我有 r/w 权限并且我在控制台中没有错误
你有解决办法吗？
是的，问题在于获取本地系统路径，所以我不得不使用window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function(fileSys) {localStorage.setItem('_localsys', fileSys.root.toURL());});将路径放在本地存储项中

标签： android ios cordova local-storage

【解决方案1】：

正如 Matthieu Marcé 指出的，这个问题的答案应该是：

问题是关于获取本地系统路径，所以我不得不把本地存储项中的路径使用

window.requestFileSystem(LocalFileSystem.PERSISTENT, 0,
function(fileSys) {
      localStorage.setItem('_localsys',fileSys.root.toURL());
   }
);

【讨论】：