如何使用phonegap应用程序获取所选图像的URL

时间:2013-07-25 13:41:32

标签: ios objective-c cordova

我正在使用camera.getPicture()方法打开照片库并让用户选择图像。这是我的参考

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

我们可以将图像作为base64字符串获取,或者可以从函数onPhotoURISuccess(imageURI)获取其URI并在我们的应用程序中使用。 我选择了URI,因为我很容易处理。我卡住了,因为图像总是以jpeg的形式返回,甚至无法测量图像的fileSize。我通过调试跟踪URI,它总是类似于下面的

file://localhost/Users/user/Library/Application%20Support/iPhone%20Simulator/6.0/Applications/B50E3AD6-74F8-43F6-9F91-F28D2B06DF62/tmp/cdv_photo_116.jpg

它试图在本地保存图像并采用jpg扩展名的任何图像。 我想知道如何解决这个问题。有没有人知道如何从这种方法中获取图像的URL?

1 个答案:

答案 0 :(得分:2)

由于我没有得到答案,我继续挖掘phoneGap文档,最后得到了答案。以下是我的代码示例。请注意,文件扩展名识别方法取自here

我的html(在phoneGap应用程序中)页面中有一个按钮控件,如下所示 任何人都可以参考here中的phoneGap文档。它非常有用。我使用的是版本2.9.0

<button onclick="getPhoto(Camera.pictureSource.PHOTOLIBRARY);">From Photo Library</button>

在我的javascript中,我的函数getPhoto()如下所示

function getPhoto(source)
    {        
        // Retrieve image file location from specified source
        navigator.camera.getPicture(onPhotoURISuccess, onFail, { quality: 100,
                                    destinationType: navigator.camera.DestinationType.NATIVE_URI, sourceType: source });
    }

一次,选择了一张照片,这个代表将被称为

   function onPhotoURISuccess(imageURI) {
      // Get image handle
      var largeImage = document.getElementById('largeImage');

      // Unhide image elements
      largeImage.style.display = 'block';

      // Show the captured photo
      // The inline CSS rules are used to resize the image
      largeImage.src = imageURI;

      checkFileExtention(imageURI);
    }

checkFileExtention()函数异步调用本机端的文件扩展名检查方法。为简单起见,我只发布应用程序逻辑部分

//functions checks the type of the image passed
- (NSString *)contentTypeForImageData:(NSString *)imageUrl
{
    NSURL *imageURL = [NSURL URLWithString:imageUrl];
    NSData *imageData = [NSData dataWithContentsOfURL:imageURL];

    uint8_t c;
    [imageData getBytes:&c length:1];

    switch (c)
    {
        case 0xFF:
            return @"image/jpeg";
        case 0x89:
            return @"image/png";
        case 0x47:
            return @"image/gif";
        case 0x49:
        case 0x4D:
            return @"image/tiff";
        case 0x42:
            return @"@image/bmp";
    }
    return nil;
}

获取FILE_URI时,它会在本地保存图像并发送如下所示的URI 文件://localhost/Users/user/Library/Application%20Support/iPhone%20Simulator/6.0/Applications/B50E3AD6-74F8-43F6-9F91-F28D2B06DF62/tmp/cdv_photo_116.jpg

显然,文件类型是隐藏的,因为它总是表示为jpg

当使用NATIVE_URI时,它看起来像这样 ?资产库://asset/asset.JPG ID = 5CF16D20-9A80-483A-AC1C-9692123610B1和放大器; EXT = JPG 请注意,上面的uri显示JPG,因为图像是JPG,否则显示所选图像的真实文件扩展名。

最终,如果将本机uri发送到contentTypeForImageData函数,它会给我正确的输出