Flash 多文件上傳組件整合指南：前端配置參數詳解與後端 PHP 處理邏輯

組件架構概覽

基於 Flash (SWF) 的多文件上傳組件 (update.swf)，通過 ExternalInterface 與 JavaScript 交互，提供比傳統 <input type="file"> 更豐富的體驗：

• 多文件隊列管理 (添加/移除/排序/過濾重複)
• 客戶端文件類型/大小/數量預檢
• 分片上傳、斷點續傳、MD5 秒傳
• 實時進度條、速度、剩餘時間顯示
• 自定義表單數據並行提交
• 豐富的皮膚/樣式定制

前端初始化配置 (challs_flash_update())

返回配置對象，關鍵參數解析：

JavaScript 事件回調

// 單文件上傳完成
function challs_flash_oncomplete(fileInfo) {
    // fileInfo: {filename, filesize, updatetime, filetype}
    document.getElementById('show').innerHTML += 
        `${fileInfo.filename} --- ${fileInfo.filesize}字節 ---- 類型：${fileInfo.filetype} --- 用時 ${fileInfo.updatetime/1000}秒<br><br>`;
}

// 服務端響應數據
function challs_flash_oncompletedata(responseText) {
    document.getElementById('show').innerHTML += '<font color="#ff0000">服務端響應：</font><br/>' + responseText + '<br/>';
}

// 開始上傳單文件 (返回 false 可取消)
function challs_flash_onstart(fileInfo) { return true; }

// 全部完成
function challs_flash_oncompleteall(failCount) { /* ... */ }

// 發生錯誤
function challs_flash_onerror(errInfo) { /* errInfo: {texterr, filename, filesize, filetype} */ }

// 表單數據收集器 (配合 formid 使用)
function challs_flash_formdata(elementId) { /* 返回元素值 */ }

// 樣式定制
function challs_flash_style() { /* 返回顏色配置對象 */ }

後端 PHP 處理邏輯 (update.php)

核心處理流程

<?php
mb_http_input('UTF-8');
mb_http_output('UTF-8');

// --- MD5 秒傳/斷點續傳協議處理 ---
$cmd = $_GET['access2008_cmd'] ?? '';
if ($cmd === '2') { // 客戶端已計算 MD5，提交驗證
    // $_GET['access2008_file_name/size/type/md5']
    die('0'); // 0=開始上傳 2=秒傳跳過
}
if ($cmd === '3') { // 客戶端提交文件信息，服務端決定是否需 MD5
    die('1'); // 1=要求客戶端計算 MD5 並進入 cmd=2 流程
}

// --- 常規上傳處理 ---
// 注意：Flash 上傳 $_FILES['type'] 不可靠，需自行檢測
$ext = strtolower(strrchr($_FILES['filedata']['name'], '.'));
$allowed = ['.gif', '.png', '.jpeg', '.jpg', '.bmp'];
$maxSize = 200000; // 200KB

if (in_array($ext, $allowed) && $_FILES['filedata']['size'] < $maxSize) {
    if ($_FILES['filedata']['error'] > 0) {
        echo "錯誤碼: " . $_FILES['filedata']['error'];
    } else {
        $name = $_FILES['filedata']['name'];
        $tmp  = $_FILES['filedata']['tmp_name'];

        if (file_exists($name)) {
            echo "$name 已存在";
        } else {
            move_uploaded_file($tmp, './' . $name);
            echo "保存至: $name<br/>";
            echo "MD5驗證: " . ($_GET['access2008_file_md5'] ?? '無') . "<br/>";
            echo "表單數據: select=" . ($_POST['select'] ?? '') . ", select2=" . ($_POST['select2'] ?? '');
        }
    }
} else {
    echo "類型或大小不符: $ext, " . ($_FILES['filedata']['size']/1024) . "KB";
}

// 輔助函數
function filekzm($a) { return strrchr($a, '.') ?: ''; }
function getget($v) { return $_GET[$v] ?? ''; }
function getpost($v) { return $_POST[$v] ?? ''; }
?>

MD5 秒傳/斷點續傳協議詳解

組件參數 md5file 控制模式：

安全與遺棄風險警示

現代 HTML5 替代方案對比

總結

這個 Flash 上傳組件在其時代 (約 2010-2015) 解決了 HTML4 時代多文件、進度、斷點、秒傳等痛點，配置系統極其完善。但隨著 Flash 生態徹底終結，所有基於 SWF 的上傳方案均已成為技術債。現代化遷移應採用 HTML5 原生 API + 成熟前端庫 + 標準化後端 API (支持分片合並、MD5 校驗) 架構，實現零插件、跨平台、可維護的上傳體驗。

1. 上一篇文章： PHP 文件上傳類庫設計模式解析：配置驅動、鏈式調用與安全防護
2. 下一篇文章： PHP 關鍵字自動提取演算法實作：基於詞頻統計的文本分析

PHP 相關知識

PHP SOAP 服務端與 C# 客戶端互通實戰：基於 NuSOAP 庫快速構建

背景與選型 PHP 內置 SoapServer 配置

PHP 模擬登入 QQ 空間自動發文實作：cURL 模擬請求與 Cookie 管理

PHP 模擬登入 QQ 空間自動發文實作：cURL 模擬請求

Selenium 爬蟲 Driver 選型避坑指南：為何 Firefox 驅動比 Chrome 更穩定持久

長時間運行爬蟲的 Driver 選擇：從 Chrome 僵死

PHP + JavaScript 實作百度地圖多點標註：資料流向與前後端分離架構

PHP + JavaScript 實作百度地圖多點標註：資料