FancyBox FileUplaod Using Jquery

//Fancy Box

<script type="text/javascript">

        $(document).ready(function () {

            $("#btnSelect").fancybox({

                'href': '#mydiv',

                'titleShow': false,

                'transitionIn': 'elastic',

                'transitionOut': 'elastic'

                //                open: function (type, data) {

                //                    $(this).parent().appendTo("form");

                //                }

            });

        });

    </script>

File Upload Restrictions Using JavaScript

<script type="text/javascript">

        function vali_type(sender, args) {

            var id_value = document.getElementById('<%=fileupload1.ClientID %>').value;

            if (id_value != '') {

                var valid_extensions = /(.jpg|.jpeg|.gif|.tif|.tiff|.png|.bmp)$/i;

                if (valid_extensions.test(id_value)) {

                    args.IsValid = true;

                }

                else {

                    args.IsValid = false;

                }

            }

        }

    </script>

Form Design

<form id="form1" runat="server">

    <asp:Button ID="btnSelect" runat="server" Text="Select" />

    <asp:ValidationSummary ID="vs_saetc" runat="server"

        ValidationGroup="saetc"></asp:ValidationSummary>

    <asp:CustomValidator ID="cvIcon" runat="server" ValidationGroup="saetc" ErrorMessage="Select Only Images Only "

        ClientValidationFunction="vali_type">&nbsp;</asp:CustomValidator>

    <div style="display: none;">

        <div id="mydiv">

            <asp:FileUpload ID="fileupload1" runat="server" /><br />

            <asp:Button ID="btnUpload" Text="Upload" runat="server" ValidationGroup="saetc" OnClick="btnUpload_Click" /><br />

           

        </div>

    </div>

    

    </form>

CodeBehind 

    private string _pathIcon = "~/";

protected void btnUpload_Click(object sender, EventArgs e)

    {

       

        HttpPostedFile file = default(HttpPostedFile);

        foreach (string files in Request.Files)

        {

            file = Request.Files[files];

            string icon_name = null;

            string icon_extension = null;

            string icon_guid = Guid.NewGuid().ToString();

            if (file != null && file.ContentLength > 0)

            {

                icon_name = Path.GetFileName(file.FileName);

                icon_extension = Path.GetExtension(file.FileName);

                file.SaveAs(Server.MapPath(_pathIcon + icon_guid + icon_extension));

                Response.Write("Saved");

                

                

            }

        }

    }