android - phonegap iOS 文件路径

Question

我有一个使用 cordova 3.4 和文件 1.1.0 的应用程序。如果我使用相机模块复制图像，我使用

myFileObj.path = file.toNativeURL()

获取文件路径。如果我将此路径放入 img-tag 中，我会在 Android 上显示图片。在 iOS 上它不起作用。 file.toNativeURL() 的结果:

myFileObj.path -> file:///Users/.../Library/Application%20Support/..../myFolder/myImage.JPG

我必须使用文件 1.0 构建 url，它看起来像这样:

myFileObj.path = dirTarget.toURL() + '/' + targetFileName 
myFileObj.path -> cdvfile://localhost/persisten/myFolder/myImage.JPG

视频和音频不起作用，但至少图片。

使用文件 1.1.0/1.1.1 这个方法的结果也不同:

myFileObj.path -> file:///Users/mak/Library/.../myFolder/myImage.JPG?id=.....&ext=JPG

这在 iOS 上也不起作用。

如何使用 cordova 文件模块版本 1.1.0 和 1.1.1 获取工作文件路径？

编辑:我在做什么，什么不起作用:

我从媒体库中复制图像并将其放入我自己创建的文件夹中。什么在 Android 中有效而在 iOS 中无效:Android media-tags src 属性可以显示资源，iOS 无法在 src-path 找到资源。

从媒体库中获取文件:

navigator.camera.getPicture(onSuccess, onFail, {
      destinationType: Camera.DestinationType.NATIVE_URI,
      sourceType : Camera.PictureSourceType.PHOTOLIBRARY,
      mediaType: Camera.MediaType.ALLMEDIA
  });

成功回调:

function onSuccess(imageData) {
    A.StoreFile(imageData, id);
}

创建文件夹并存放文件:

A.StoreFile = function(file, idBox) {

    var targetDirectory = Config.getRootPath();
    window.resolveLocalFileSystemURL(file, resolveFileSystemSuccess, resolveFileSystemError);


    function resolveFileSystemSuccess(fileEntry) {
    fileEntry.file(function(filee) {
        mimeType = filee.type;
        getFileSuccess(fileEntry, mimeType);
    }, function() {
    });
}


function getFileSuccess(fileEntry, mimeType) {

    var targetFileName = name + '.' + fileNativeType;

    var parentName = targetDirectory.substring(targetDirectory.lastIndexOf('/')+1),
    parentEntry = new DirectoryEntry(parentName, targetDirectory);


    window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function(fileSystem) {
        fileSystem.root.getDirectory(targetDirectory, {create: true, exclusive: false}, function(dirTarget) {
            fileEntry.copyTo(dirTarget, targetFileName, function(entry) {
                addFileToLocalStorage(entry);
            }, function() {
            })
        })
    }, resolveFileSystemError);

}

将文件信息存储到本地存储对象

function addFileToLocalStorage(file) {
    fileList.addFile(
        {
            name:file.name,
            internalURL: file.toNativeURL()
        });
}

动态添加文件到dom:

myElement.find('.myMimeTypeTag').attr('src', fileList[f].internalURL);

这适用于 android，不适用于 iOS。

img-container 的 iOS 结果:

错误信息:

DEPRECATED: Update your code to use 'toURL'

toURL 也不起作用

id="org.apache.cordova.file"
version="1.1.1-dev"

Answer 1

我刚刚用你的代码的一个稍微简化的版本测试了这个(你的代码似乎有很多额外的结构没有显示，但如果我所做的有显着差异在这里和你的应用程序做什么，然后让我知道。问题将在于差异。)

我在刚刚发布的 Cordova 3.5.0 上运行了这个，使用的是 File 1.1.0 和 Camera 0.2.9。

为了创建应用程序，我使用了 cordova命令行工具，直接运行

cordova create so23801369 com.example.so23801369 so23801369
cd so23801369
cordova platform add ios
cordova plugin add org.apache.cordova.file
cordova plugin add org.apache.cordova.camera

这会创建一个默认的“Hello, Cordova”应用程序，我向其中添加了一些代码(我相信)可以复制您的代码所做的事情。

我在 index.html 中添加了两行:

<button id="doit">Do it</button>
<img class="myMimeTypeTag" src="file:///nothing" />

然后我编辑了www/js/index.js看起来像这样:

var app = {

    initialize: function() {
        // Don't activate the button until Cordova is initialized
        document.addEventListener('deviceready', this.onDeviceReady, false);
    },

    onDeviceReady: function() {
        document.getElementById('doit').addEventListener('click', app.runTest, false);
    },

    runTest: function(ev) {
        var StoreFile = function(file) {
            var targetDirectory = "myFolder";
            window.resolveLocalFileSystemURL(file, resolveFileSystemSuccess, resolveFileSystemError);

            function resolveFileSystemSuccess(fileEntry) {
                console.log("resolveLocalFileSystemURL returned: ", fileEntry.toURL());
                fileEntry.file(function(filee) {
                    mimeType = filee.type;
                    getFileSuccess(fileEntry, mimeType);
                }, function() {
                });
            }
            function resolveFileSystemError() {
                console.log("resolveFileSystemError: FAIL");
                console.log(arguments);
                alert("FAIL");
            }

            function getFileSuccess(fileEntry, mimeType) {
                var targetFileName = "myImage.JPG";
                window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function(fileSystem) {
                    fileSystem.root.getDirectory(targetDirectory, {create: true, exclusive: false}, function(dirTarget) {
                        fileEntry.copyTo(dirTarget, targetFileName, function(entry) {
                            console.log("copyTo returned: ", entry.toURL());
                            // I have replaced the localstorage handling with this code
                            // addFileToLocalStorage(entry);
                            var img = document.querySelector('.myMimeTypeTag');
                            img.setAttribute('src', entry.toNativeURL());
                        }, function() {
                        });
                    });
                }, resolveFileSystemError);
            }
        };

        var onSuccess = function(imageData) {
            console.log("getPicture returned: ", imageData);
            StoreFile(imageData);
        };

        var onFail = function() {
            console.log("getPicture FAIL");
            console.log(arguments);
            alert("FAIL");
        };

        ev.preventDefault();
        ev.stopPropagation();
        navigator.camera.getPicture(onSuccess, onFail, {
            destinationType: Camera.DestinationType.NATIVE_URI,
            sourceType : Camera.PictureSourceType.PHOTOLIBRARY,
            mediaType: Camera.MediaType.ALLMEDIA
        });
    }
};

当我运行它时，我可以从媒体库中选择一个图像，它成功地将它显示在页面中，图像 src 设置为复制的图像文件的 URL。如果我将 Safari 开发工具连接到 iPad，我会看到这个控制台输出:

[Log] getPicture returned:  assets-library://asset/asset.JPG?id=F9B8C942-367E-433A-9A71-40C5F2806A74&ext=JPG (index.js, line 49)
[Log] resolveLocalFileSystemURL returned:  cdvfile://localhost/assets-library/asset/asset.JPG?id=F9B8C942-367E-433A-9A71-40C5F2806A74&ext=JPG (index.js, line 18)
[Log] copyTo returned:  file:///var/mobile/Applications/9C838867-30BE-4703-945F-C9DD48AB4D64/Documents/myFolder/myImage.JPG (index.js, line 36)
[Log] DEPRECATED: Update your code to use 'toURL' (Entry.js, line 202)

这显示了相机和文件插件通过三种不同类型的 URL:

• 相机返回 assets-library:// URL，带有用于识别 Assets 的查询参数
• 调用 resolveLocalFileSystemURL 将其变成 cdvfile:// URL，也带有查询参数，作为内部 Cordova 表示。
• 复制后，文件返回一个新的file:///显示图像在文件系统中的新位置的 URL。此 URL 没有查询参数。 (从文件 1.1.0 开始，在此条目上调用 toNativeURL() 现在返回相同的 URL)

这个最终 URL 可被 iOS 用作图像源，因此这就是分配给 <img> 的内容。元素。