<canvas id=""imageCanvas""></canvas>
<script type=""text/javascript""> $(function(){ var imageLoader = document.getElementById('"+Upload_Image.Id+"'); imageLoader.addEventListener('change', handleImage, false); var canvas = document.getElementById('imageCanvas'); var ctx = canvas.getContext('2d'); function handleImage(e){ var reader = new FileReader(); reader.onload = function(event){ var img = new Image(); var dstWidth = 120; var dstHeight = 120 img.crossOrigin = ""Anonymous""; img.onload = function(){ canvas.width = dstWidth; canvas.height = dstHeight; ctx.drawImage(this,0,0,this.width, this.height,0,0,dstWidth,dstHeight); } img.src = event.target.result; } reader.readAsDataURL(e.target.files[0]); } }); </script>
<input type=""file"" id=""imageLoader"" name=""imageLoader""/>