diff --git a/www/demo/demo.js b/www/demo/demo.js
index ce5c35a..e49a87f 100644
--- a/www/demo/demo.js
+++ b/www/demo/demo.js
@@ -44,6 +44,14 @@ function compressImage() {
     }
 }
 
+document.getElementById('takePhotoBtn').onclick = function() {
+    var cameraOptions={ quality: 25,mediaType: Camera.MediaType.PICTURE };//see cordova camera docs
+    MediaPicker.takePhoto(function(media) {
+            media.index=0;//index use to imgs[data.index].src; // media.index=resultMedias.length;
+            resultMedias.push(media);
+            getThumbnail(resultMedias);
+      }, function(e) { console.log(e) }, cameraOptions);
+};
 
 function loading() {}
 
diff --git a/www/demo/index.html b/www/demo/index.html
index a1a71bf..01520ee 100644
--- a/www/demo/index.html
+++ b/www/demo/index.html
@@ -48,6 +48,7 @@
     </div>
     <button id="openBtn">open</button>
     <button id="uploadBtn">upload</button>
+    <button id="takePhotoBtn">takePhoto</button>
     <script type="text/javascript" src="cordova.js"></script>
     <script type="text/javascript" src="demo.js"></script>
     </body>