如何使用 PhoneGap 将图像保存到 iPhone 照片库？

Question

我正在为 iPhone 创建一个 PhoneGap 应用程序，用于显示图像库。有些图像包含在项目安装中，有些来自网络。当用户单击图像时，我希望他们能够将图像保存到 iPhone 照片库（照片）。最初，我希望该应用程序能够让用户将图像设置为壁纸，但发现这非常困难或不可能。

我只能找到一种使用 PhoneGap 和 Objective C 保存图像的解决方案，但 PhoneGap 解决方案包含已弃用的 PhoneGapCommand 类。我尝试使用 PGPlugin，但无法使代码正常工作。

我希望有人可能拥有可以执行此任务的当前 PhoneGap 解决方案，或者如果有人可以为我指出正确的方向，我将非常感激！

Answer 1

我知道这个问题很旧，但我花了一天时间才弄清楚，因为这个示例不再适用于新版本的 Cordova。我目前使用的是 2.5.0 版本，所以我想我应该分享这个，这样其他人就不必经历我所经历的痛苦。

要保存图像，您必须编写自己的插件。步骤如下：

1. 打开 Cordova XCODE 项目并编辑 config.xml。为您要创建的插件添加一个条目。

“name”是您将使用的 JavaScript 命名空间，“value”是 Objective-C 类名。

1. 在您的 XCODE 项目中，找到“插件”组。右键单击它并从上下文菜单中选择“新建文件...”。添加新的类文件“MySaveImageToAlbum”。它应该继承自 CDVPlugin。

2. 下面是头文件和实现文件的代码：

   // MySaveImageToAlbum.h
   #导入

   @interface MySaveImageToAlbum : CDVPlugin
    - (void)saveImageToAlbum:(CDVinvokedUrlCommand*)命令；
   @结尾
   

   // MySaveImageToAlbum.m
   #import“CDVSaveImageToAlbum.h”

   #import ;
   
   
   @implementationMySaveImageToAlbum
   
   - (void)saveImageToAlbum:(CDVinvokedUrlCommand*)命令
   {
       CDVPluginResult* 插件结果 = nil;
       NSURL *url = [NSURL URLWithString:[command.arguments objectAtIndex:0]];
       NSData *args = [NSData dataWithContentsOfURL:url];
   
   
       if (args != nil && [args 长度] > 0) {
   
           @尝试
           {
               UIImage *image = [UIImage imageWithData:args];
               NSData *imgdata = UIImagePNGRepresentation(图像);
               UIImage *image2 = [UIImage imageWithData:imgdata];
               UIImageWriteToSavedPhotosAlbum(image2, self, @selector(image:didFinishSavingWithError:contextInfo:), nil);
   
   
               pluginResult = [CDVPluginResult resultWithStatus:CDVCommandStatus_OK messageAsString:@"成功"];
               [self.commandDelegate sendPluginResult:pluginResult回调Id:command.callbackId];
           }
           @catch (NSException *异常) {
               pluginResult = [CDVPluginResult resultWithStatus:CDVCommandStatus_ERROR];
               [self.commandDelegate sendPluginResult:pluginResult回调Id:command.callbackId];
           }
   
       } 别的 {
           pluginResult = [CDVPluginResult resultWithStatus:CDVCommandStatus_ERROR];
           [self.commandDelegate sendPluginResult:pluginResult回调Id:command.callbackId];
       }
   
   }
   
   
   - (void)图像:(UIImage *)图像 didFinishSavingWithError:(NSError *)错误
     上下文信息:(void *)上下文信息
   {
       // 有错误吗？
       如果（错误！= NULL）
       {
           // 显示错误信息...
   
       }
       否则//没有错误
       {
           // 显示消息图片保存成功
   
       }
   }
   
   
   @结尾
   

3. 接下来，您需要创建一个调用此本机代码的 javascript 文件。代码如下：

   var SaveImageToAlbum =
   {
   saveImageToAlbum：函数（成功回调，错误回调，参数）
   {
   cordova.exec(successCallback, errorCallback, "SaveImageToAlbum", "saveImageToAlbum", [args]);
   }
   };

4. 在您的index.html 中引用第4 步中创建的JavaScript。假设您有一个画布，并且想要将其作为图像保存到相机胶卷中，则可以使用其“toDataURL()”函数返回一个base64 PNG数据。然后，您可以调用 saveImageToAlbum 函数并将其作为参数传递，如下所示：

   SaveImageToAlbum.saveImageToAlbum(函数(e){
   navigator.notification.alert("图片已成功保存到相册中。", null, "图片已保存！");
   },
   函数（e）{
   navigator.notification.alert("图片无法保存到相册中。", null, "保存错误！");
   },
   canvas.toDataURL());

就是这样！

希望您喜欢...

问候，
安东尼奥·C·洛加尔塔三世

Answer 2

我自己想出来了。我能够使用 Jesse MacFadyen 的 ImageHelper。

http://groups.google.com/group/phonegap/browse_thread/thread/ea7ee31887b2f610/fe2c0b127cf51e7a

http://groups.google.com/group/phonegap/tree/browse_frm/thread/8aeefbb9421f1b81/94963d9742b0738f?hide_quotes=no

当我第一次实现这个时，我的所有代码都是正确的，但我没有将 ImageHelper 添加为 PhoneGap.plist 插件部分中的条目。我还将已弃用的 PhoneGapCommand 更改为 PGPlugin。