title: Save images in XAMPP server from Cordova with PHP
body: <p>My requirement is to save the images taken from Camera of Cordova plugin and save the image in a server . I have used below code and achieved getting the image , but how do i save in a server using PHP</p>
  
  <pre><code>// Code to capture photo from camera and show gps co ordinates 
  &lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Capture Photo&lt;/title&gt;
  &lt;script type="text/javascript" charset="utf-8" src="cordova.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 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);
  }
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
   // button to capture photo  
  &lt;button onclick="capturePhoto();"&gt;Capture Photo&lt;/button&gt; &lt;br&gt;
  // button to capture editable photo
  &lt;button onclick="capturePhotoEdit();"&gt;Capture Editable Photo&lt;/button&gt; &lt;br&gt;
  //button to select images from library
  &lt;button onclick="getPhoto(pictureSource.PHOTOLIBRARY);"&gt;From Photo  Library&lt;/button&gt;&lt;br&gt;
  &lt;button onclick="getPhoto(pictureSource.SAVEDPHOTOALBUM);"&gt;From Photo  Album&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><strong>PHP Code (upload.php):</strong></p>
  
  <pre><code>&lt;?php
  print_r($_FILES);
  move_uploaded_file($_FILES["file"]["tmp_name"],   "192.168.3.153/uploads/".$_FILES["file"]["name"]);
  ?&gt; 
  </code></pre>