Question

我创建了一个Cordova应用程序，它从服务器获取图像并将其保存到iPad。但是，尝试在应用程序中显示图像时，图像将无法加载。这种文件路径的一个例子可能是：

file:///var/mobile/Containers/data/Application/FC87E925-9753-4D9F-AE27-54FCF9B0451E/Documents/-media-3405-company.png

但是，在检查cordova.file.applicationDirectory变量时，我会找到另一条路径，例如（请注意，即使我在同一次运行中检查两个变量，UUID也不同）

file:///var/containers/Bundle/Application/D8266D08-18A4-4293-B78A-B4597FC0C6B8/salesApp.app/

根据documentation，正确的路径＆＃34;应该＆＃34;是:(但是，这也不起作用）

file:///var/mobile/Applications/UUID/Documents/-media-3405-company.png

以下是我用来加载图片的代码，这些代码已正确保存到设备

const downloadFile = (url, fileName, callback) => {
      window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, (fs) => {
          fs.root.getFile(fileName, {
            create: true,
            exclusive: false
          }, (fileEntry) => {
            const fileURL = fileEntry.toURL()
            const fileTransfer = new FileTransfer()
            fileTransfer.download(
              url,
              fileURL,
              (entry) => {
                const file = entry.toURL() // <--- HERE
                content.pushObject('Downloaded ' + entry + ' (' + fileName + ') ' + file)
                callback(file)
              },
              (error) => {
                content.pushObject('error ' + error.code + '(' + fileName + ')')
                if (error.code === FileTransferError.CONNECTION_ERR) {
                  downloadFile(url, fileName) // Try again
                } else {
                  decrement(url) // Ignore this file
                }
              }
            )
          }, (error) => {
            alert(2)
          })
      }, () => {
        alert(3)
      })
    }

更新：检查cordova.file.documentsDirectory的值，发现它返回类似于file:///var/mobile/Containers/Data/Application/{UUID}/Documents/的路径。

更新：以下代码将返回两个不同的UUID：

alert(cordova.file.applicationDirectory); // file:///var/containers/Bundle/Application/54E0F914-C45B-4B8F-9067-C13AF1967760/salesApp.app/
alert(cordova.file.documentsDirectory);   // file:///var/mobile/Containers/Data/Application/73806E90-90B4-488C-A68A-2715C3627489/Documents/

检查entry.toURL()的路径时，我获得与cordova.file.documentsDirectory中返回的UUID相同的UUID。

Answer 1

当您声称＆＃34;图片无法加载＆＃34;时，您应该提供用于加载图片的代码。您提供的代码是下载图像，它可以正常工作。

由于您没有提供用于加载图片的代码，我尝试过两件事，而且两件都有效

在InAppBrowser上打开文件。我安装了cordova-plugin-inappbrowser并打开了像window.open(file,'_blank');
在img标签上显示文件。我在index.html <img id="downloaded" src=""/>中创建了一个img标记，在我的回调中，我将获取的文件分配给src document.getElementById("downloaded").src = file;

他们都工作了。

因此，您应该提供用于加载图像的代码，因为问题可能存在。

您下载的路径没问题。

您获得了不同的UUID，因为文档已过时。在Xcode 6 / iOS8之前，应用程序沙箱具有Bundle容器和同一文件夹中的Data容器（文档提到的具有公共UUID的文件夹），但是从Xcode 6 / iOS8开始，app文件（Bundle容器）位于路径中App数据文件位于另一个（数据容器）中。

但那不应该成为你的问题。

Answer that talks about the file structure changes

Cordova iOS应用程序目录和文件URL不同（UUID问题）

1 个答案: