Note that there are some explanatory texts on larger screens.

plurals
  1. POAfter taking a picture using phonegap (navigator.camera.getPicture) how can i store it in my local drive?
    primarykey
    data
    text
    <p>Here is my phonegap code. This code is for taking the picture as well as save the picture also:</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Capture Photo and Save&lt;/title&gt; &lt;script type="text/javascript" charset="utf-8" src="cordova-2.5.0.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" charset="utf-8"&gt; 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 onPhotoDataSuccess(imageData) { // Uncomment to view the base64 encoded image data var date = "" var d = new Date(); date = "" + d.getDate() + "-" + (d.getMonth() + 1) + "-" + d.getFullYear(); alert(date) //alert(imageData); // Get image handle // var smallImage = document.getElementById('smallImage'); // Unhide image elements // smallImage.style.display = 'block'; // Show the captured photo // The inline CSS rules are used to resize the image // smallImage.src = "data:image/jpeg;base64," + imageData; alert("data:image/jpeg;base64," + imageData) //This part is for saving the capture photo window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, gotFS, fail); function gotFS(fileSystem) { alert("image/" + date + ".jpeg") fileSystem.root.getFile("image/" + date + ".jpeg", { create : true, exclusive : false }, gotFileEntry, fail); } function gotFileEntry(fileEntry) { fileEntry.createWriter(gotFileWriter, fail); } function gotFileWriter(writer) { var data = "data:image/jpeg;base64," + imageData; writer.write(data); } function fail(error) { alert("error") console.log(error.code); } } // 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 inline 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); } function savePhoto(source) { } &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;button onclick="capturePhoto();"&gt;Capture Photo&lt;/button&gt; &lt;br&gt; &lt;button onclick="capturePhotoEdit();"&gt;Capture Editable Photo&lt;/button&gt; &lt;br&gt; &lt;button onclick="savePhoto();"&gt;Save The Photo In Server&lt;/button&gt; &lt;br&gt; &lt;button onclick="getPhoto(pictureSource.PHOTOLIBRARY);"&gt;From Photo Library&lt;/button&gt; &lt;br&gt; &lt;button onclick="getPhoto(pictureSource.SAVEDPHOTOALBUM);"&gt;From PhotoAlbum&lt;/button&gt; &lt;br&gt; &lt;img style="display: none; width: 60px; height: 60px;" id="smallImage" src="" /&gt; &lt;img style="display: none;" id="largeImage" src="" /&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>I am taking a picture and trying to save it like this but it is saving as a file not as a picture(binary).so after saving the picture its not opening.How can i save it with proper fromat so that i can open it as a picture ?</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload