我試過在ASP.NET論壇上提問,但沒有人有解決方案。我開始認爲沒有一個。ASP.NET AJAX控件工具包 - 更改AsyncFileUpload控件的外觀?
我想要做的是在隱藏文本框的同時自定義AsyncFileUpload控件的「瀏覽」按鈕的外觀和大小。或者,完全隱藏AsyncFileUpload並從我可以自定義的按鈕調用它的功能也會非常出色。
我試過在ASP.NET論壇上提問,但沒有人有解決方案。我開始認爲沒有一個。ASP.NET AJAX控件工具包 - 更改AsyncFileUpload控件的外觀?
我想要做的是在隱藏文本框的同時自定義AsyncFileUpload控件的「瀏覽」按鈕的外觀和大小。或者,完全隱藏AsyncFileUpload並從我可以自定義的按鈕調用它的功能也會非常出色。
也許這是左邊一點,但也許更好的解決方案是使用基於Flash的解決方案。有一些是專門爲ASP.NET製作的,顯然有相當數量的定製。
這不是直接的問題的解決方案,但另一種方式來實現類似的結果。
您仍然可以使用,即使是AsyncFileUpload控制提供SLaks的解決方案。
的代碼:
<div id="fileUploadDiv">
<asp:AsyncFileUpload ID="AsyncFileUpload1" runat="server" />
</div>
將呈現這樣:通過使用CSS選擇#fileUploadDiv輸入[類型=文件]
<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>
因此可以修改的樣式AsyncFileUpload的控制方式與您使用常規<輸入類型='文件'>元素的方式相同。
我在博客中更多的細節here.
該解決方案通過設置控制opacity
,並添加任何其他控件大小相等,你可以保持任何查看你想要的。
詳情請見參考:
請使用,而不是發佈新的答案添加註釋鏈接。 – GSerg 2011-06-19 01:41:11