Display image name when FileUpload Button clicked using jQuery in ASP.Net

Hi micah,

Please use below code.

 HTML

<form id="form1" runat="server">
<div>
    <div class="form-group">
        <div class="btn btn-default btn-file">
            <i class="fa fa-image"></i>
            <asp:FileUpload runat="server" ID="FileUploadImage" />
            <br />
            <asp:Label runat="server" ID="Label20" Text="" />
        </div>
        <i class="" style="margin-left: 4px; color: #ffffff;"></i><i class="" style="margin-right: 6px;
            margin-left: 6px; font-size: small;">|</i>
    </div>
</div>
<div>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $('[Id*=FileUploadImage]').change(function () {
                $('[Id*=Label20]').text($(this).val().split('\\')[$(this).val().split('\\').length - 1]);
            });
        });
    </script>
</div>
</form>

Screenshot