read

Code:

<pre style="background-image: URL(http://2.bp.blogspot.com/_z5ltvMQPaa8/SjJXr_U2YBI/AAAAAAAAAAM/46OqEP32CJ8/s320/codebg.gif); background: #f0f0f0; border: 1px dashed #CCCCCC; color: black; font-family: arial; font-size: 12px; height: auto; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;"> var PREVIEW_WIDTH = 120;
var PREVIEW_HEIGHT = 120;

var img = new Image();
img.src = imageUri;

img.onload = function ()
{
var canvas = document.createElement("canvas");
canvas.width = PREVIEW_WIDTH;
canvas.height = PREVIEW_HEIGHT;

var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0, PREVIEW_WIDTH, PREVIEW_HEIGHT);

var thumbnail = canvas.toDataURL("image/" + _formatManager.getString());
// thumbnail contain the base64 resized image
};
</pre>
thumbnail value example:

<pre style="background-image: URL(http://2.bp.blogspot.com/_z5ltvMQPaa8/SjJXr_U2YBI/AAAAAAAAAAM/46OqEP32CJ8/s320/codebg.gif); background: #f0f0f0; border: 1px dashed #CCCCCC; color: black; font-family: arial; font-size: 12px; height: auto; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;"> data:image/jpeg;base64,2wBDA...
</pre>
This Solution was tested with Android 4.4.1 and worked.