0

Cordova API バージョン 2.6 を使用する Worklight v6 で 1 つの worklight アプリケーションを作成しました。

この場所で提供されているサンプルを使用しましたhttp://docs.phonegap.com/en/2.6.0/cordova_camera_camera.md.html#Camera 

navigator.camera.getPicture(OnSuccess,OnFail, {quality:50,destinationType:Camera.DestinationType.NATIVE_URI,sourceType:Camera.PictureSourceType.CAMERA,saveToPhotoAlbum:true});

NATIVE_URI の結果を使用している場合でも、ドキュメントに記載されているように、OnSuccess メソッドは content://uri ではなく file://uri になります。

Camera.DestinationType = {
DATA_URL : 0,                // Return image as base64 encoded string
FILE_URI : 1,                // Return image file URI
NATIVE_URI : 2               // Return image native URI (eg. assets-library:// on iOS   or content:// on Android)

};

menifest xml ファイルに必要な権限をすべて追加しました。

    <uses-permission android:name="android.permission.CAMERA"/>  
    <uses-feature android:name="android.hardware.camera"/>

ここで完全なコードを参照してください。

<!DOCTYPE HTML>
<html>
        <head>
            <meta charset="UTF-8">
            <title>testProject</title>
            <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
            <link rel="shortcut icon" href="images/favicon.png">
            <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
            <link rel="stylesheet" href="css/testProject.css">
            <script>window.$ = window.jQuery = WLJQ;</script>
                <script type="text/javascript" charset="utf-8">

    var pictureSource;   // picture source
    var destinationType; // sets the format of returned value 

    // Wait for Cordova to connect with the device
    //
    document.addEventListener("deviceready",onDeviceReady,false);

    // Cordova is ready to be used!
    //
    function onDeviceReady() {
        pictureSource=navigator.camera.PictureSourceType;
        destinationType=navigator.camera.DestinationType;
    }


    // Called when a photo is successfully retrieved
    //
    function onPhotoURISuccess(imageURI) {
      // Uncomment to view the image file URI 
      alert(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;
    }



    // A button will call this function
    //
    function getPhoto(source) {
      // Retrieve image file location from specified source
      navigator.camera.getPicture(onPhotoURISuccess, onFail, { quality: 50, 
        destinationType: destinationType.FILE_URI,
        sourceType: source,saveToPhotoAlbum:true });
    }

  function getPhoto2(source) {
      // Retrieve image file location from specified source
      navigator.camera.getPicture(onPhotoURISuccess, onFail, { quality: 50, 
        destinationType: destinationType.NATIVE_URI,
        sourceType: source,saveToPhotoAlbum:true });
    }
    // Called if something bad happens.
    // 
    function onFail(message) {
      alert('Failed because: ' + message);
    }

    </script>

        </head>
        <body id="content" style="display: none;">

        <button onclick="getPhoto(pictureSource.CAMERA);">Camera</button><br>
        <button onclick="getPhoto2(pictureSource.CAMERA);">From Photo Album</button><br>
        <img style="display:none;width:60px;height:60px;" id="smallImage" src="" />
        <img style="display:none;" id="largeImage" src="" />


            <!--application UI goes here-->
            testProject
            <script src="js/initOptions.js"></script>
            <script src="js/testProject.js"></script>
            <script src="js/messages.js"></script>
        </body>
</html>
4

1 に答える 1