result.innerHTML = '
Processing...
'; var file = input.files[0]; var reader = new FileReader(); reader.onload = function(e) { var img = new Image(); img.onload = function() { var canvas = document.createElement('canvas'); var ctx = canvas.getContext('2d'); canvas.width = img.width; canvas.height = img.height; ctx.drawImage(img, 0, 0); var dataUrl = canvas.toDataURL('image/jpeg', 0.7); result.innerHTML = '
'; }; img.src = e.target.result; }; reader.readAsDataURL(file); }; } })();