How to preview image using file upload control

var reader = new FileReader();
    rFilter = /^(?:image\/bmp|image\/cis\-cod|image\/gif|image\/ief|image\/jpeg|image\/jpeg|image\/jpeg|image\/pipeg|image\/png|image\/svg\+xml|image\/tiff|image\/x\-cmu\-raster|image\/x\-cmx|image\/x\-icon|image\/x\-portable\-anymap|image\/x\-portable\-bitmap|image\/x\-portable\-graymap|image\/x\-portable\-pixmap|image\/x\-rgb|image\/x\-xbitmap|image\/x\-xpixmap|image\/x\-xwindowdump)$/i;


    function readURL(input) {
        if (input.files && input.files[0]) {
            //var reader = new FileReader();
            var oFile = input.files[0];
            if (!rFilter.test(oFile.type)) { alert("You must select a valid image file!"); return; }

            reader.onload = function (e) {
                $('#Cheque')
                    .attr('src', e.target.result)
                    .width(668)
                    .height(377);
            };
        }
    }