Fix TTS-2104 by modifying pic path in Camera behavior

Signed-off-by: Liu, Xin <xinx.liu@intel.com>

diff --git a/tests/Camera/js/main.js b/tests/Camera/js/main.js
index 3fd96331e9d334c0b3eb05bf50314040168426d1..0169f6da51a29654f95a0f4820f739affc842c4d 100755 (executable)
--- a/tests/Camera/js/main.js
+++ b/tests/Camera/js/main.js
@@ -28,6 +28,31 @@ Authors:
         Xin, liu <xinx.liu@intel.com>
 
 */
+
+function drawOnCanvas(file) {
+  var reader = new FileReader();
+
+  reader.onload = function (e) {
+    var dataURL = e.target.result;
+        var c = document.createElement("Canvas");
+        ctx = c.getContext('2d');
+        img = new Image();
+
+    img.onload = function() {
+      c.width = img.width;
+      c.height = img.height;
+
+      var fheight = 180;
+      var fwidth = fheight / img.height * img.width
+      ctx.drawImage(img, 0, 0, fwidth, fheight);
+    };
+    img.src = dataURL;
+    $('#photoShow').html(c);
+  };
+
+  reader.readAsDataURL(file);
+}
+
 $(document).ready(function(){
     DisablePassButton();
     $("#photoShow").html("No photo");
@@ -37,28 +62,9 @@ $(document).ready(function(){
             $.mobile.showPageLoadingMsg();
 
             var files = evt.target.files; // FileList object
-//            // Loop through the FileList and render image files as thumbnails.
-//            for (var i = 0, f; f = files[i]; i++) {
-//                var reader = new FileReader();
-//                // Closure to capture the file information.
-//                reader.onload = (function(theFile) {
-//                    return function(e) {
-//                        $.mobile.hidePageLoadingMsg();
-//                        // Render thumbnail.
-//                        $("#filename").html(theFile.name);
-//                        var span = document.createElement('span');
-//                        span.innerHTML = ['<img src="', e.target.result,
-//                            '" title="', escape(theFile.name), '"/>'].join('');
-//                        span.style.align = "center";
-//                        $("#list")[0].insertBefore(span, null);
-//                    };
-//                })(f);
-//                // Read in the image file as a data URL.
-//                reader.readAsDataURL(f);
-//            }
-
             $("#filename").html(files[0].name);
-            $("#photoShow").html('<span><img src="/opt/media/Camera/' + files[0].name + '"height="210px"/></span>' );
+            drawOnCanvas(files[0]);
+
             $.mobile.hidePageLoadingMsg();
             EnablePassButton();
         } catch(err) {