blocks|key|240655|text|在使用FILE_URI方法检索文件之后，您应该使用file+API将图像从temp文件夹复制到Documents文件夹，并将新路径存储在数据库中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|240656|因此，您需要将getPicture()的结果传递给window.resolveLocalFileSystemURI()以获得FileEntry。然后，您可以调用FileEntry.copyTo()方法来备份您的文件。|offset|length|240657|entityMap|0|LINK|mutability|MUTABLE|url|http://docs.phonegap.com/en/1.4.1/phonegap_file_file.md.html#LocalFileSystem_resolve_local_file_system_uri_quick_example|1|http://docs.phonegap.com/en/1.4.1/phonegap_file_file.md.html#FileEntry_copyto^0|0|P|Y|0|28|I|1|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@$D|R|E|S|1|T]|$D|U|E|V|1|W]]|A|$]]|$1|F|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]|N|$5|I|J|K|A|$L|O]]]]

After you retrieve the file using the FILE_URI method you should use the File API to copy the image from the temp folder to the Documents folder and store the new path in your DB.

So you would take the result of your getPicture() pass it to <a href="http://docs.phonegap.com/en/1.4.1/phonegap_file_file.md.html#LocalFileSystem_resolve_local_file_system_uri_quick_example" rel="noreferrer">window.resolveLocalFileSystemURI()</a> to get a FileEntry. Then you can call <a href="http://docs.phonegap.com/en/1.4.1/phonegap_file_file.md.html#FileEntry_copyto" rel="noreferrer">FileEntry.copyTo()</a> method to back up your file.

blocks|key|2907941|text|从Cordova+1.8开始，该功能运行良好，请参见：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2907942|http://docs.phonegap.com/en/1.8.0/cordova_camera_camera.md.html#Camera|offset|length|2907943|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|1Y|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

As of Cordova 1.8 this is working well, see:

<a href="http://docs.phonegap.com/en/1.8.0/cordova_camera_camera.md.html#Camera" rel="nofollow">http://docs.phonegap.com/en/1.8.0/cordova_camera_camera.md.html#Camera</a>

blocks|key|239553|text|很抱歉，我不得不创建一个单独的帖子，因为我没有足够的声誉来评论。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|239554|谢谢你西蒙的建议和凯西的解决方案。|239555|我正在开发一款科尔多瓦应用程序，它需要我在iOS上拍一张照片，保存在一个目录中，并将链接保存在本地存储中，以便稍后访问。用户提交图片后，app需要将其从目录中删除。|239556|下面是关于如何做到这一点以及如何查看项目文档文件夹的附加代码。|239557|您可以使用$('#pictureid').attr('src').获取要删除的图片的完整目录|offset|length|style|BOLD|239558|function+deletePic(file){
++++console.log("deleting:+"%2Bfile%2B"...");
++++var+file+=+"photos/"%2Bfile.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:+"%2Berror.code);
}|code-block|syntax|javascript|239559|或者，如果您有一个包含多个照片附件的表单，则可能需要为您创建的用于存储照片的Documents文件夹指定一个唯一的名称。这样，您可以在提交批量照片后删除整个文件夹，而不是逐个删除。|239560|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:+"%2Berror.code);
}|239561|至于访问项目Documents文件夹，您需要编辑plist以启用iTunes+File+Sharing|239562|转到project_folder/platforms/ios/project_name/project_name-Info.plist.单击鼠标右键并使用XCode打开。|239563|您将看到一个密钥表。在表格下方的任意位置单击鼠标右键，然后添加行。将创建一个新行。双击该键并键入UIFileSharingEnabled.它将自动更改为应用程序支持iTunes文件共享，将该键值设置为YES。|239564|现在，如果你转到iOS设备应用程序下的iTunes，向下滚动到文件共享区，在那里你可以看到你的文件夹。然而，它只是让你‘保存到’，而不是编辑。|239565|希望所有这些额外的信息都能有所帮助。我花了两天的时间才找到答案。|239566|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.apple.com/library/ios/documentation/Miscellaneous/Conceptual/iPhoneOSTechOverview/CoreServicesLayer/CoreServicesLayer.html#//apple_ref/doc/uid/TP40007898-CH10-SW30^0|0|0|0|0|5|R|0|0|0|0|W|J|0|0|0|1C|K|24|G|2S|3|0|0|0^^$0|@$1|2|3|4|5|6|7|1E|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1F|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|1G|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|1H|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|1I|8|@$J|1J|K|1K|L|M]]|9|@]|A|$]]|$1|N|3|O|5|P|7|1L|8|@]|9|@]|A|$Q|R]]|$1|S|3|T|5|6|7|1M|8|@]|9|@]|A|$]]|$1|U|3|V|5|P|7|1N|8|@]|9|@]|A|$Q|R]]|$1|W|3|X|5|6|7|1O|8|@]|9|@$J|1P|K|1Q|1|1R]]|A|$]]|$1|Y|3|Z|5|6|7|1S|8|@]|9|@]|A|$]]|$1|10|3|11|5|6|7|1T|8|@$J|1U|K|1V|L|M]|$J|1W|K|1X|L|M]|$J|1Y|K|1Z|L|M]]|9|@]|A|$]]|$1|12|3|13|5|6|7|20|8|@]|9|@]|A|$]]|$1|14|3|15|5|6|7|21|8|@]|9|@]|A|$]]|$1|16|3|-4|5|6|7|22|8|@]|9|@]|A|$]]]|17|$18|$5|19|1A|1B|A|$1C|1D]]]]

Sorry that I had to create a separate post because I have not enough reputation to comment.

Thank you Simon for the advice and Casey for the solution. 

I was working on a Cordova app that requires me to take a picture on iOS, save it in a directory and the link on local storage to be accessed later. After user submits the picture, the app needs to delete it from the directory.

Here are add on codes on how you can do that and also how you can view the project Documents folder.

You can get the full directory of the picture you want to delete by using $('#pictureid').attr('src').

<pre><code>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);
}
</code></pre>

Alternatively if you have a form with multiple photo attachments, you may want to give the Documents folder you created to store the photos a unique name. This way, you can delete the whole folder after you submit the batch of photos instead of deleting them one by one.

<pre><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);
}
</code></pre>

As for accessing the project Documents folder, you need to edit the plist to enable <a href="https://developer.apple.com/library/ios/documentation/Miscellaneous/Conceptual/iPhoneOSTechOverview/CoreServicesLayer/CoreServicesLayer.html#//apple_ref/doc/uid/TP40007898-CH10-SW30" rel="nofollow">iTunes File Sharing</a>

Go to [project_folder]/platforms/ios/[project_name]/[project_name]-Info.plist.
Right-click and open with XCode.

You will see a table of keys. Right-click anywhere below the table and Add Row. A new row will be created. Double-click on the key and type UIFileSharingEnabled. It will automatically change to Application supports iTunes file sharing, put that key value to YES.

Now if you go to iTunes under your iOS's device's applications, scroll all the way down to see the File Sharing area where you can see your folder. However, it is just there for you to 'Save to' but no editing.

Hope all these additional information helps. It took me 2 days of research to find out.

blocks|key|240691|text|共享我的版本，它使用promises和resolveLocalFileSystemURL，但resolveLocalFileSystemURI除外，因为第二个版本已被弃用。它还在新创建的文件中使用原始文件名。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|240692|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;
}|code-block|syntax|javascript|240693|用法：|240694|var+uri+=+"path1";
copyPhotoToAppDir(uri).then(function(newURI){
++console.log(newURI);
});|240695|多个URI用法：|240696|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);
});|240697|新文件URI将保存为"/photos/fileName.jpg“。要获取绝对路径，您可以使用：|240698|cordova.file.documentsDirectory+%2B+newFileUri.substring(1);|240699|我在这里使用angular的$q来处理promises，但它可以很容易地更改为jQuery+one。|240700|deferred+=+$q.defer();|240701|需要更改为：|240702|deferred+=+jQuery.Deferred();|240703|干杯|240704|entityMap^0|0|0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|15|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|16|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|17|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|18|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|19|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|1A|8|@]|9|@]|A|$]]|$1|Q|3|R|5|D|7|1B|8|@]|9|@]|A|$E|F]]|$1|S|3|T|5|6|7|1C|8|@]|9|@]|A|$]]|$1|U|3|V|5|D|7|1D|8|@]|9|@]|A|$E|F]]|$1|W|3|X|5|6|7|1E|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|D|7|1F|8|@]|9|@]|A|$E|F]]|$1|10|3|11|5|6|7|1G|8|@]|9|@]|A|$]]|$1|12|3|-4|5|6|7|1H|8|@]|9|@]|A|$]]]|13|$]]

Sharing my version which uses promises and resolveLocalFileSystemURL except resolveLocalFileSystemURI because second one is deprecated. It also uses original file name in new created one.

<pre><code>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;
}
</code></pre>

Usage:

<pre><code>var uri = "path1";
copyPhotoToAppDir(uri).then(function(newURI){
 console.log(newURI);
});
</code></pre>

Multiple URIs usage:

<pre><code>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);
});
</code></pre>

New file URIs will be saved as "/photos/fileName.jpg".
To get the absolute path, you can use:

<pre><code>cordova.file.documentsDirectory + newFileUri.substring(1);
</code></pre>

I'm using $q from angular here to handle promises but it can be easily changed to jQuery one.

<pre><code>deferred = $q.defer();
</code></pre>

would need to be changed to: 

<pre><code>deferred = jQuery.Deferred();
</code></pre>

Cheers

In my PhoneGap/jQuery Mobile app, I'm currently using PhoneGaps' Camera API to allow the user to take a photo, which is also stored in the Camera Roll. I'm setting DestinationType to FILE_URI and saving this path in a local db. However, FILE_URI is a path to a temporary location that is destroyed when the app is closed. I was thinking of saving the name of the image and then retrieving the image from the Camera Roll. Is there a path I can use to later retrieve the images in the Camera Roll?

I was saving the images as Base64 in the db, but I'm a little weary of this method because of this note in the <a href="http://docs.phonegap.com/en/1.0.0/phonegap_camera_camera.md.html#Camera" rel="noreferrer">PhoneGap API Doc</a>:

<blockquote>
 Note: The image quality of pictures taken using the camera on newer
 devices is quite good. Encoding such images using Base64 has caused
 memory issues on some of these devices (iPhone 4, BlackBerry Torch
 9800). Therefore, using FILE_URI as the 'Camera.destinationType' is
 highly recommended.
</blockquote>

EDIT: 

Got it working with @Simon MacDonald's answer. Here is my stripped-down code:

<pre><code>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);
}
</code></pre>

Phonegap - Retrieve photo from Camera Roll via path

数据库

PhoneGap

Cordova

jQuery

在我的PhoneGap/jQuery Mobile应用程序中，我目前正在使用PhoneGaps的Camera API来允许用户拍照，这也存储在Camera Roll中。我将DestinationType设置为FILE_URI，并将此路径保存在本地数据库中。但是，FILE_URI是一个在应用程序关闭时被销毁的临时位置的路...

问Phonegap -通过path从Camera Roll检索照片
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Phonegap -通过path从Camera Roll检索照片EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Phonegap -通过path从Camera Roll检索照片
EN