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