ASP.NET Web 控制項開發實戰（一）：封裝無縝多檔上傳元件

作者將 cloudgamer 的「仿 163 網盤無重新整理多檔上傳系統」封裝為伺服器控制項 UploadControl，大幅簡化使用複雜度。只需在頁面宣告：

<hxj:UploadControl ID="uploadfile" runat="server" MaxFileNumbers="5" AllowExtensions="jpg,gif" />
<asp:Button ID="Button1" runat="server" Text="上傳" OnClick="Button1_Click" />

特色功能

• MaxFileNumbers：限制最大上傳檔案數。
• AllowExtensions：限制允許副檔名（逗號分隔）。
• 設計時/執行時外觀差異：設計模式下無樣式，預覽/執行時自動載入 CSS/JS 呈現美觀介面（文中附兩張對比截圖）。

實作重點

1. 繼承 WebControl 或 CompositeControl。
2. 覆寫 OnPreRender 註冊 ClientScript 包含 JS/CSS。
3. 實作 IPostBackDataHandler 或 IPostBackEventHandler 處理上傳完成後的伺服器端邏輯。
4. 輸出 HTML 結構包含 input type="file"、檔案清單容器、進度條等。

此控制項展示如何將成熟的客戶端上傳方案包裝為可重複使用的伺服器元件。