fileupload's upload button works different in IE and Chrome
<p>For those who worked with bootstrap, knows it does not support input type = file, so I hide the asp:fileupload using jQuery (after document ready), and have  and  for the solution (as you can see from the code</p>

<pre><code>&lt;script type="text/javascript"&gt;
    $(document).ready(function ()
    {
        $('#columnSelect').change(function ()
        {
            getImportColumnOrder();
        });

        // change file upload style similiar to bootstrap style
        //$('#uploader').hide();
        $('#uploader').change(function ()
        {
            var val = $(this).val();
            var file = val.split(/[\\/]/);
            $('#file').val(file[file.length - 1]);

        });

    });

    function getImportColumnOrder()
    {
        var order = '';
        $('#selectOrer').val('');

        $('select', $('#MappingTable')).each(function ()
        {
            order += $(this).prop('selectedIndex') + ',';
        });

        $('#selectOrder').val(order.substr(0, order.length - 1));

    }


&lt;/script&gt;
&lt;div class="span12"&gt;

                &lt;asp:DropDownList ID="ddl_DBTableList" runat="server" CssClass="combobox" Style="display: inline"&gt;

                    &lt;asp:ListItem&gt;&lt;/asp:ListItem&gt;

                    &lt;asp:ListItem Value="Import_Test"&gt;Import_Test&lt;/asp:ListItem&gt;

                &lt;/asp:DropDownList&gt;

                &lt;asp:FileUpload ID="uploader" runat="server" CssClass="btn" /&gt;

                &lt;div class="input-append" style="display: inline;"&gt;
                    &lt;input id="file" class="input-medium" type="text" /&gt;
                    &lt;a class="btn" onclick="$('input[id=uploader]').click();"&gt;Select File&lt;/a&gt;
                &lt;/div&gt;

                &lt;p /&gt;

                &lt;div&gt;
                    &lt;asp:Button ID="btn_uplaod" runat="server" OnClick="doUpload" Text="Upload" CssClass="btn" /&gt;
                &lt;/div&gt;

                &lt;p /&gt;

                &lt;asp:Label ID="result" runat="server" ForeColor="Red"&gt;&lt;/asp:Label&gt;

                &lt;p /&gt;

                &lt;asp:Label ID="data" runat="server" BackColor="#CCCCCC"&gt;&lt;/asp:Label&gt;

                &lt;p /&gt;

                &lt;asp:Button ID="btn_import" runat="server" Text="Next" OnClick="doImport" OnClientClick="getImportColumnOrder();return true;" Visible="false" CssClass="btn btn-success" /&gt;

            &lt;/div&gt;
</code></pre>

<p>Steps are click on the "Select File", a file chooser popped up for file selection. After double clicked a file, the file location gets displayed in , and also the asp fileupload control.</p>

<p>In Chrome and FF, when I clicked btn_uplaod (button), it runs as supposed. In IE, it will clear the fileupload's content and does nothing (a client side action) and will not do any postback.</p>

<p>If this is a program problem, then maybe Chrome and FF will not run correctly. I'm suspecting is there anything that I need to add to make IE run as suppose to?</p>

<p>image after click upload (IE), (Browse link is cleared)
<img src="http://i.stack.imgur.com/d47XW.png" alt="enter image description here"></p>

<p>image after click upload (Chrome), (Run as supposed to)
<img src="http://i.stack.imgur.com/C7C8l.png" alt="enter image description here"></p>

<p>thanks!</p>

<p>I've made a simple version for those of you who wants to try on Visual studio:</p>

<pre><code>&lt;%@ Page Language="C#" AutoEventWireup="true" CodeFile="postback_problem.aspx.cs" Inherits="postback_problem" %&gt; &lt;!DOCTYPE html&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head runat="server"&gt; &lt;title&gt;&lt;/title&gt; &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;form id="form1" runat="server"&gt; &lt;div&gt; &lt;asp:FileUpload ID="uploader" runat="server" CssClass="btn" /&gt; &lt;div&gt; &lt;input id="file" class="input-medium" type="text" /&gt; &lt;a onclick="$('input[id=uploader]').click();"&gt;Select File&lt;/a&gt; &lt;/div&gt; &lt;p /&gt; &lt;div&gt; &lt;asp:Button ID="btn_uplaod" runat="server" OnClick="doUpload" Text="Upload" CssClass="btn" /&gt; &lt;/div&gt; &lt;asp:Label ID="result" runat="server"&gt;&lt;/asp:Label&gt; &lt;/div&gt; &lt;/form&gt; &lt;/body&gt; &lt;/html&gt; 
</code></pre>

<p>and</p>

<pre><code> using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; public partial class postback_problem : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } protected void doUpload(object sender, EventArgs e) { result.Text = "no problem!"; } }
</code></pre>
