show image in asp.net FileUpload

                        <asp:FileUpload ID="FileUpload1" runat="server" onchange="javascript:ImageURL();" />

<asp:Image ID="imgPhoto" runat="server" AlternateText="Photo" Height="150px" Width="150px"

            BackColor="Silver" BorderColor="Black" BorderStyle="Solid" ImageAlign="Middle" />

        <script type="text/javascript" language="javascript">

                                function ImageURL() {

                                    var input = document.getElementById('<%=FileUpload1.ClientID%>');

                                    var fReader = new FileReader();

                                    fReader.readAsDataURL(input.files[0]);

                                    fReader.onloadend = function (event) {

                                        var img = document.getElementById('<%=imgPhoto.ClientID%>');

                                        img.src = event.target.result;

                                    }

                                  

                                }

    </script>