ASP.NET AJAX控件工具包-更改AsyncFileUpload控件的外觀嗎？

Question

我曾嘗試在ASP.NET論壇上問這個問題，但沒人能解決。 我開始認為沒有。

我想做的是在隱藏文本框的同時自定義AsyncFileUpload控件的“瀏覽”按鈕的外觀和大小。 另外，完全隱藏AsyncFileUpload並從我可以自定義外觀的按鈕調用其功能也很出色。

Answer 1

即使對於AsyncFileUpload控件，您仍然可以使用SLaks提供的解決方案。

編碼：

<div id="fileUploadDiv">
    <asp:AsyncFileUpload ID="AsyncFileUpload1" runat="server" />
</div>

將以這種方式呈現：

<div id="fileUploadDiv">    
    <span id="MainContent_AsyncFileUpload1">    
        <input type="hidden" name="ctl00$MainContent$AsyncFileUpload1$ctl00" id="MainContent_AsyncFileUpload1_ctl00" />    
        <div id="MainContent_AsyncFileUpload1_ctl01" name="MainContent_AsyncFileUpload1_ctl01">    
            <input name="ctl00$MainContent$AsyncFileUpload1$ctl02" type="file" id="MainContent_AsyncFileUpload1_ctl02" id="MainContent_AsyncFileUpload1_ctl02" onkeydown="return false;" onkeypress="return false;" onmousedown="return false;" style="width:355px;" />    
        </div>    
    </span>    
</div>

因此，通過使用CSS選擇器#fileUploadDiv input [type = file]，您可以像使用常規<input type ='file'>元素一樣修改AsyncFileUpload控件的樣式。

我在這里詳細介紹了該解決方案。

Answer 2

也許這有點遺漏，但也許更好的解決方案是使用基於Flash的解決方案。 有一些是專門為ASP.NET設計的，並且顯然具有大量的自定義功能。

• 使用Flash使用進度條上傳多個文件
• ASP.NET Flash文件上傳器

這不是直接解決問題的方法，而是獲得類似結果的另一種方法。

Answer 3

通過設置控件的opacity ，並添加任何其他大小相等的控件，您可以維護所需的任何視圖。

請找到此參考：

http://blog.rptea.com/post/Customize-AsyncFileUpload-(MS-ajax-control-toolkit-)-cross-browser-too.aspx

Answer 4

這種方法對我有用。

http://www.shauninman.com/archive/2007/09/10/styling_file_inputs_with_css_and_the_dom