ASP.NET 基礎控件深度解析 (二)：FileUpload、Literal、Panel、PlaceHolder 實戰應用

FileUpload - 檔案上傳核心控件

轉譯為 ``。關鍵屬性與方法：

標準上傳流程

1. `if (fu.HasFile)` 判斷是否上傳。
2. 指定伺服器儲存實體路徑，`Directory.Exists` 檢查並 `CreateDirectory`。
3. 驗證副檔名、MIME 類型、檔案大小 (如 `fu.PostedFile.ContentLength < 4*1024*1024`)。
4. `fu.SaveAs(serverPath)` 儲存。
5. 資料庫記錄**相對路徑或 URL**，而非實體路徑，供前端存取。

完整範例

protected void btnUpload_Click(object sender, EventArgs e)
{
    if (!fu.HasFile) { lblMsg.Text = "請選擇檔案"; return; }

    string ext = Path.GetExtension(fu.FileName).ToLower();
    string[] allowed = { ".jpg", ".png", ".pdf", ".docx" };
    if (!allowed.Contains(ext)) { lblMsg.Text = "副檔名不允許"; return; }

    if (fu.PostedFile.ContentLength > 4 * 1024 * 1024) { lblMsg.Text = "檔案超過 4MB"; return; }

    string saveDir = Server.MapPath("~/Uploads/");
    if (!Directory.Exists(saveDir)) Directory.CreateDirectory(saveDir);

    string fileName = Guid.NewGuid().ToString("N") + ext;
    string fullPath = Path.Combine(saveDir, fileName);
    fu.SaveAs(fullPath);

    // 存入 DB: 相對路徑 "~/Uploads/" + fileName
    lblMsg.Text = "上傳成功: " + fileName;
}

Literal - 純文字/HTML 輸出控件

無外框標籤，直接輸出 `Text` 內容。`Mode` 屬性控制編碼行為：

• `Transform` (預設)：依頁面編碼轉換。
• `PassThrough`：原樣輸出，**可輸出 HTML/Script/Style**，極度彈性但需防 XSS。
• `Encode`：HTML 編碼輸出，安全但無法輸出標籤。

常用於動態產生 ``、`