title: Phonegap - Capture image to Photo Library and display in HTML
body: <p>I have been using the following code to grab a photo and display it in html works great.</p>
  
  <pre><code> function takePicture() {
  
      navigator.camera.getPicture(
          function(uri) {
              var img = document.getElementById('camera_image1');
              img.style.visibility = "visible";
              img.style.display = "block";
              img.src = uri;
              document.getElementById('camera_status').innerHTML = "Success";
  
          },
  
          { quality: 50, allowEdit: true, destinationType: navigator.camera.DestinationType.FILE_URI});
  };
  </code></pre>
  
  <p>html later</p>
  
  <pre><code> &lt;img style="width:144px;height:144px;" id="camera_image1" src="nophoto.jpg"/&gt;
  </code></pre>
  
  <p>but... this does not save the image to the cameras photo library so I tweaked line to </p>
  
  <pre><code>  navigator.device.capture.captureImage
  </code></pre>
  
  <p>This now captures image to library but</p>
  
  <ol>
  <li>no longer displays in html</li>
  <li>No longer allows me to edit the photo after I have taken photo in the camera 'app'</li>
  </ol>
  
  <p>Any pointer much appreciated.</p>
  
  <p>PhoneGap 1.3</p>