how to show preview of uploaded image in asp.net

<asp:Content ID="Content1" runat="server"
    contentplaceholderid="ContentPlaceHolder1">


<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript">

    function showimagepreview1(input) {
        if (input.files && input.files[0]) {
            var filerdr = new FileReader();
            filerdr.onload = function (e) {
                $('#Image1').attr('src', e.target.result);
            }
            filerdr.readAsDataURL(input.files[0]);
        }
    }
    </script>

    <div>
        <asp:Image ID="Image1" runat="server" BackColor="#CC0000" BorderStyle="Double" Height="100px" ImageUrl="~/MemberAccount/Images/image1.jpg" Width="87px" />
        <asp:FileUpload ID="FileUpload1" runat="server" onchange="showimagepreview1(this)" />
        &lt;
    </div>

</asp:Content>