0 Replies Latest reply on Jan 6, 2017 2:12 AM by djmichaelw

    Camera plugin doesn't work for me

    djmichaelw Level 1

      Hey guys and girls,

       

      This is the first time i've made a app with dreamweaver and plugins from phonegap.

      Now does the "Capture photo" button not work but i've followed every step on the plugin page from the cordova-plugin-camera page.

       

      This is the code that i use:

          <script type="text/javascript" charset="utf-8">
      
      
          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(imageData) {
            // Uncomment to view the base64-encoded image data
            // console.log(imageData);
      
      
            // Get image handle
            //
            var smallImage = document.getElementById('smallImage');
      
      
            // Unhide image elements
            //
            smallImage.style.display = 'block';
      
      
            // Show the captured photo
            // The in-line CSS rules are used to resize the image
            //
            smallImage.src = "data:image/jpeg;base64," + imageData;
          }
      
      
          // Called when a photo is successfully retrieved
          //
          function onPhotoURISuccess(imageURI) {
            // Uncomment to view the image file URI
            // console.log(imageURI);
      
      
            // Get image handle
            //
            var largeImage = document.getElementById('largeImage');
      
      
            // Unhide image elements
            //
            largeImage.style.display = 'block';
      
      
            // Show the captured photo
            // The in-line CSS rules are used to resize the image
            //
            largeImage.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: 50,
              destinationType: destinationType.DATA_URL });
          }
      
      
          // A button will call this function
          //
          function capturePhotoEdit() {
            // Take picture using device camera, allow edit, and retrieve image as base64-encoded string
            navigator.camera.getPicture(onPhotoDataSuccess, onFail, { quality: 20, allowEdit: true,
              destinationType: destinationType.DATA_URL });
          }
      
      
          // 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 });
          }
      
      
          // Called if something bad happens.
          //
          function onFail(message) {
            alert('Failed because: ' + message);
          }
      
      
          </script>
      

       

      And as button:

       

      But i don't know what the problem is? When you push on the button it doesn't do anything. It's for android.

       

      Here is a zip file with my original files:

      http://www.filedropper.com/www_8

       

      Thanks in advance!

       

      Michael