Question

在我的PhoneGap / jQuery Mobile应用程序中，我目前正在使用PhoneGaps的Camera API来允许用户拍摄照片，该照片也存储在相机胶卷中。我将DestinationType设置为FILE_URI并将此路径保存在本地数据库中。但是，FILE_URI是应用程序关闭时销毁的临时位置的路径。我在考虑保存图像的名称，然后从相机胶卷中检索图像。我可以用一条路径来检索相机胶卷中的图像吗？

我在db中将图像保存为Base64，但由于PhoneGap API Doc中的这个注释，我对这种方法有点厌倦了：

注意：较新时使用相机拍摄的照片的图像质量设备非常好。使用Base64编码此类图像已导致某些设备上的内存问题（iPhone 4，BlackBerry Torch 9800）。因此，使用FILE_URI作为'Camera.destinationType'是强烈推荐。

编辑：

使用@Simon MacDonald的答案。这是我的精简代码：

function capturePhoto() {
    navigator.camera.getPicture(onPhotoURISuccess, onFail, { quality: 25, destinationType: Camera.DestinationType.FILE_URI });
}

function onPhotoURISuccess(imageURI) {
    createFileEntry(imageURI);
}

function createFileEntry(imageURI) {
    window.resolveLocalFileSystemURI(imageURI, copyPhoto, fail);    
}

function copyPhoto(fileEntry) {
    window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function(fileSys) { 
        fileSys.root.getDirectory("photos", {create: true, exclusive: false}, function(dir) { 
                fileEntry.copyTo(dir, "file.jpg", onCopySuccess, fail); 
            }, fail); 
    }, fail); 
}

function onCopySuccess(entry) {
    console.log(entry.fullPath)
}

function fail(error) {
    console.log(error.code);
}

Answer 1

使用FILE_URI方法检索文件后，您应使用File API将图像从临时文件夹复制到Documents文件夹，并将新路径存储在数据库中。

因此，您可以将getPicture（）的结果传递给window.resolveLocalFileSystemURI()以获取FileEntry。然后，您可以调用FileEntry.copyTo()方法来备份文件。

Answer 2

截至Cordova 1.8，这一点运作良好，请参阅：

http://docs.phonegap.com/en/1.8.0/cordova_camera_camera.md.html#Camera

Answer 3

很抱歉，我必须创建一个单独的帖子，因为我没有足够的声誉来发表评论。

感谢Simon的建议和Casey的解决方案。

我正在制作一个Cordova应用程序，它要求我在iOS上拍照，将其保存在目录中，以及稍后要访问的本地存储上的链接。用户提交图片后，应用程序需要将其从目录中删除。

以下是有关如何执行此操作的代码，以及如何查看项目文档文件夹。

您可以使用 $（'＃pictureid'）。attr（'src'）获取要删除的图片的完整目录。

function deletePic(file){
    console.log("deleting: "+file+"...");
    var file = "photos/"+file.toString().split('/').slice(-1)[0]; //gets photo name

    window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function(fileSys){
    fileSys.root.getFile(file, 
                {create:false}, 
                function(entry){
                    entry.remove();
                }, resOnErrorDelete);
                },
    resOnErrorDelete);          
}

function resOnErrorDelete(error) {
    console.log("resOnErrorDelete: "+error.code);
}

或者，如果您的表单包含多个照片附件，则可能需要提供您创建的“文档”文件夹，以便为照片存储唯一的名称。这样，您可以在提交一批照片后删除整个文件夹，而不是逐个删除它们。

function deleteFolder(folder){  
    window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function(fileSys){
    fileSys.root.getDirectory(folder, 
                {create:true, exclusive: false}, 
                function(entry){
                    entry.removeRecursively();
                }, resOnErrorDelete);
                },
    resOnErrorDelete);          
}

function resOnErrorDelete(error) {
    console.log("resOnErrorDelete: "+error.code);
}

至于访问项目文档文件夹，您需要编辑plist以启用iTunes File Sharing

转到 [project_folder] / platforms / ios / [project_name] / [project_name] -Info.plist 。右键单击并使用XCode打开。

您将看到一张钥匙表。右键单击表格下方的任意位置和“添加行”。将创建一个新行。双击该键并键入 UIFileSharingEnabled 。它将自动更改为应用程序支持iTunes文件共享，将该键值设置为 YES 。

现在，如果您在iOS设备的应用程序下转到iTunes，请完全向下滚动以查看文件共享区域，您可以在其中查看文件夹。但是，它只是为了“保存到”但没有编辑。

希望所有这些额外信息都有帮助。我花了2天时间研究才发现。

Answer 4

使用promises和resolveLocalFileSystemURL共享我的版本，但resolveLocalFileSystemURI除外，因为不推荐使用第二个版本。它还在新创建的文件名中使用原始文件名。

function copyPhotoToAppDir(imageURI) {
  if(!imageURI){
    console.warn("You need to pass imageURI");
    return;
  }

  var fileNameSplit = imageURI.split("/"),
    fileName = fileNameSplit[fileNameSplit.length - 1],
    deferred = $q.defer();

  var copyPhoto = function(fileEntry) {
    window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function(fileSys) {
      fileSys.root.getDirectory("photos", {create: true, exclusive: false}, function(dir) {
        fileEntry.copyTo(dir, fileName, onCopySuccess, onFileFail);
      }, onFileFail);
    }, onFileFail);
  };

  var onCopySuccess = function onCopySuccess(entry) {
    console.log("NEW PATH", entry.fullPath);
    deferred.resolve(entry.fullPath);
  };

  var onFileFail = function (error) {
    console.log("COPY FAIL", error);
    deferred.reject();
  };

  window.resolveLocalFileSystemURL(imageURI, copyPhoto, onFileFail);

  return deferred.promise;
}

用法：

var uri = "path1";
copyPhotoToAppDir(uri).then(function(newURI){
  console.log(newURI);
});

多个URI使用：

var uriArr = ["path1", "path2"]; 
  copyPhotoPromises = [];

uriArr.forEach(function(val){
  copyPhotoPromises.push(copyPhotoToAppDir(val));
});
$q.all(copyPhotoPromises).then(function(values){
  console.log("Array with new paths", values);
});

新文件URI将保存为“/photos/fileName.jpg”。要获得绝对路径，您可以使用：

cordova.file.documentsDirectory + newFileUri.substring(1);

我在这里使用来自angular的$ q来处理promises，但它可以很容易地改为jQuery。

deferred = $q.defer();

需要更改为：

deferred = jQuery.Deferred();

干杯

Phonegap - 通过路径从相机卷检索照片

4 个答案: