javascript - 如何在xcode 5.1.1中使用phonegap-1.3.0.js实现相机功能

Question

通过使用phonegap 和XCode，我开发了一个适用于iPad 的iOS 应用程序。通过使用phonegap 1.3.0.js和XCode 4.3，我已经完成了图像捕获相机和从ipad相册中选择图像。

主要问题是我已将 X Code 版本更新为 X Code 5.1.1，并在我的 MAC MINI 中安装了 Phone Gap 2.9.1 版本。但是当我在 ipad2 中测试该应用程序时，图像捕获和图像选择不起作用。作为使用 X Code 的电话间隙新手，我无法确定问题发生的位置。现在我正在使用手机间隙 2.9.1 中内置的 cordova .js。

JavaScript 函数正在调用，但语法

navigator.camera。从该行获取 Picture();。

我使用的代码如下

var imageLength = 0;

function take Picture() {
    navigator.camera.get Picture()
};

你能帮我解决这个问题吗？

Answer 1

试试这个

var pictureSource; // picture source
var destinationType; // sets the format of returned value
// Wait for device API libraries to load
//
document.addEventListener("deviceready", onDeviceReady, false);
// device APIs are available
//

function onDeviceReady() {
    pictureSource = navigator.camera.PictureSourceType;
    destinationType = navigator.camera.DestinationType;
}
// Called when a photo is successfully retrieved
//

function onPhotoDataSuccess(imageURI) {
    alert("fire");
    // Uncomment to view the base64-encoded image data
    console.log(imageURI);
    // Get image handle
    //
    var cameraImage = document.getElementById('image');
    // Unhide image elements
    //
    cameraImage.style.display = 'block';
    // Show the captured photo
    // The inline CSS rules are used to resize the image
    //
    cameraImage.src = imageURI;
}
// Called when a photo is successfully retrieved
//

function onPhotoURISuccess(imageURI) {
    alert("fire");
    // Uncomment to view the image file URI
    console.log(imageURI);
    // Get image handle
    //
    var galleryImage = document.getElementById('image');
    // Unhide image elements
    //
    galleryImage.style.display = 'block';
    // Show the captured photo
    // The inline CSS rules are used to resize the image
    //
    galleryImage.src = imageURI;
}
// A button will call this function
//

function capturePhoto() {
    // Take picture using device camera and retrieve image as base64-encoded string
    navigator.camera.getPicture(onPhotoDataSuccess, onFail, {
        quality: 30,
        targetWidth: 600,
        targetHeight: 600,
        destinationType: destinationType.FILE_URI,
        saveToPhotoAlbum: true
    });
}
// A button will call this function
//

function getPhoto(source) {
    // Retrieve image file location from specified source
    navigator.camera.getPicture(onPhotoURISuccess, onFail, {
        quality: 30,
        targetWidth: 600,
        targetHeight: 600,
        destinationType: destinationType.FILE_URI,
        sourceType: source
    });
}
// Called if something bad happens.
//

function onFail(message) {
    //alert('Failed because: ' + message);
}

您可以在这里下载我的示例代码:https://github.com/datomnurdin/com.revivalx.cordova.camera