从cordova html页面（cordova）加载保存在iOS App Documents目录中的图像？

Question

我已经构建了 1 个必须在 iOS、android 和 Windows Phone 上运行的应用程序。除了iOS，一切都很好。我的应用使用相机拍照，调整图像大小并保存图像。

在 iOS 上，这些图像被保存到应用程序的 tmp 目录中，该目录正在被删除，所以现在我将图像保存到 Documents 文件夹中。

然后我将此图像的路径保存到我的 sqlite 数据库中。在我的 html 页面上，我使用 url 引用文件，例如

var/mobile/application/GUID-HERE/Documents/imageName.jpg

现在看来，当我在 xCode 中重建我的应用程序时，应用程序 guid 已更改，因此我之前保存的所有文件引用现在都无效了。

所以

1. 我可以从我的 HTML 页面中相对引用文档文件夹吗？

或

1. 我可以停止我的应用程序更改此 GUID 吗？

Answer 1

使用文件插件的toInternalURL() 属性。保存图像后，您可以获得没有该 GUID 的本地 url，并将其保存到数据库中。网址有这种格式

cdvfile://localhost/persistent/path/to/file

Documentation

一个例子： （主要来自file-transfer docs。需要文件和文件传输插件）

resolveLocalFileSystemURL(cordova.file.documentsDirectory, function success(entry) {
    download(entry.toInternalURL() + "image.jpg");
});

var download = function(localUrl) {

    var fileTransfer = new FileTransfer();
    var uri = encodeURI("https://cordova.apache.org/images/cordova_bot.png");

    fileTransfer.download(
      uri,
      localUrl,
      function(entry) {
          document.body.innerHTML = entry.toInternalURL();
          var img = document.createElement("img");
          img.setAttribute('src', entry.toInternalURL());
          document.body.appendChild(img);

      },
      function(error) {
          console.log("error code" + error.code);
      },
      false,
      {
          headers: {
              "Authorization": "Basic dGVzdHVzZXJuYW1lOnRlc3RwYXNzd29yZA=="
          }
      }
  );
}