檔案上傳小技巧/後端處理【php篇】

引語：在上一篇文章中說到，在頁面中可以用隱藏的方式讓你的上傳頁面看起來漂亮。但是這對於效能來說，並沒有什麼卵用，那麼在背景處理中，難道就沒有一些處理技巧嗎？所謂背景技巧，應該要包括上傳得快一點，上傳的檔案大一點！那麼，本文就來說說，後端處理都有些什麼技巧吧！

業務情境一、我們只會選擇一個單個的檔案上傳，而且不需要做一些即時的驗證工作。那麼，也許並沒有什麼最佳化可言了，因為，最後你要做的，只是將這個檔案放在表單裡最後一起提交，直接處理即可！

業務情境二、需要上傳多個檔案，而且需要時時驗證檔案內部內容，並時行相應頁面顯示。對於這種況，在使用者選擇了上傳檔案之後，我們需要立即將檔案上傳，因為我們需要讀取檔案裡的資訊，在最後提交的時候，我們也需要提交一次檔案。很明顯，在這裡是存在一個重複上傳的工作的，一個耗費使用者時間，二個是耗費伺服器頻寬資源！最佳化，能夠想得到的方法也很簡單，能不能在第一次上傳完檔案之後，就將檔案保留在伺服器，真正提交表單的時候，去讀取這個已經被上傳的臨時檔案即可。是的，這就是我們的處理思路！

業務情境三、與情境二類似，需要上傳多個檔案，但是多個檔案可能是分開上傳的。即我們可能第一次上傳了10M，第二次上傳了10M，總共上傳了10次，那麼，在伺服器端來說的話，一次性提交肯定是超出了上傳大小的限制了，但是如果，我們是分每一次的上傳，這是可以的，而最後提交的時候，我們只需要將簡短的文本資訊傳上去即可！

思路的確是簡單的，看起來，也是沒什麼問題，但是，也許我是能力有限，當時著實花了我不少時間去處理這個什麼鬼！下面，我將給出一些範例程式碼，以供參考：

檔案上傳技巧（將單次上傳的檔案作為臨時檔案存在在伺服器端）範例程式碼：

1. 頁面js處理

        //點擊選擇完成檔案後，觸發上傳檔案操作，將檔案上傳至伺服器臨時目錄        $('.upload-real-file').off().on('change', function(){            if(!$(this).val()){                return false;            }            var responseObjId = $(this).attr('response-id');            var responseObj = $('#' + responseObjId);            $('#Form').ajaxSubmit({                url:'/aa/bb/uploadTmpApkTool',                resetForm: false,                dataType:  'json',                beforeSubmit:  function(option){                    window.loading = layer.load(2);                },                success: function(data, statusText){                    layer.close(window.loading);                    if(data.status == 1){                        responseObj.html(data.apkInfoHtml);                        var parentContainer = responseObj.parent().parent(),                            nameContainer = parentContainer.find('.file-name-container');                        nameContainer.html(data.apkName);                        nameContainer.attr('title', data.apkName);                        responseObj.find('.file-tmp').html(data.fileInfo); //將檔案資訊存放於隱藏欄位中，以便在提交時能找到                           $(submitId).removeAttr('disabled');                    }else{                        layer.alert(data.info);                    }                },                error: function(data){                    layer.close(window.loading);                    layer.alert('未知錯誤，請稍後再試！');                }            });            return false;//防止dialog 自動關閉        });

2. 很明顯，頁面裡面需要擷取檔案資訊，幕後處理代碼（PHP）

        $apkConfig = $this->_getApkConfig();        $params = $this->getFilteredParam('get');        $subFile = $_FILES['apkToolFiles'];        $apkName = $apkInfoHtml = "";        if(empty($subFile))        {            $this->ajaxReturn(array('status' => -4, 'info' => '請選擇要上傳的檔案'));        }        foreach ($subFile['name'] as $subKey => $subVal)        {            if ($subFile['name'][$subKey])            {                $fileData = $this->_getFileData($subFile, $subKey);                $checkData = array(                    'maxSize' => $apkConfig['FILE_MAX_SIZE'],                    'savePath' => $apkConfig['TMP_CHILD_PATH'],                    'extArr' => array('apk'),                    'releaseName' => str_replace('.apk', '', $fileData['fileName']),  //特有                );                $checkResult = $this->_checkFileData($fileData, $checkData);                if ($checkResult['status'] != 1)                {                    $this->ajaxReturn($checkResult);                }                //移動檔案                $filePath = $checkData['savePath'] . '/' . $fileData['fileName'] . '.tmp' . genRandStr(6);;                $this->_moveUploadedFile($fileData['tmpName'], $filePath);                $apkInfo = $this->_apkParser($filePath); //解析                if($apkInfo['UMENG_CHANNEL'] != 'UMENG_CHANNEL_VALUE')                {                    @unlink($filePath);                             //刪除無效檔案                    $this->ajaxReturn(array('status' => 0, 'info' => "UMENG_CHANNEL的值要是 UMENG_CHANNEL_VALUE才行"));                }                $tmpFileArr['file_info'] = array(                    'name'  => $subFile['name'][$subKey],                    'type'  => $subFile['type'][$subKey],                    'tmp_name' => str_replace($apkConfig['TMP_CHILD_PATH'] . '/', '', $filePath),                    'error' => $subFile['error'][$subKey],                    'size' => $subFile['size'][$subKey],                );              //轉存該值，不再重複上傳檔案            }            else            {                $this->ajaxReturn(array('status' => 0, 'info' => "檔案不可為空"));            }            foreach ($apkInfo as $key => $val)            {                $apkInfoHtml .= "{$key}:{$val} \r\n";            }            $apkName = $fileData['fileName'];            $version = $apkInfo['versionName'];        }        $fileInfo = htmlspecialchars(json_encode($tmpFileArr['file_info']));        $fileInfoHtml = "";    //一定要輸出前使用htmlspecialchars, 否則不能正確顯示頁面值和擷取至正確的檔案資訊        $this->ajaxReturn(array('status' => 1, 'info' => "上傳成功", 'version' => $version, 'item' => $item, 'apkName' => $apkName, 'apkInfoHtml' => $apkInfoHtml, 'fileInfo' => $fileInfoHtml));    }

3. 通過以兩部分代碼的配合，我們在頁面上已經有正確的資訊了，只需要在最後提交表單的時候， 不要將檔案提交到伺服器，在伺服器端處理時，只需將之前上傳的臨時檔案移動一下位置即可，這樣就算大功告成了！

$('.upload-file-real').attr('disabled', 'disabled');        //提交表單前，禁用上傳檔案

4. 後續工作

將臨時檔案上傳到伺服器後，是沒辦法判斷使用者是否取消當前操作的，如果取消了，則臨時檔案將一直存在於伺服器，所以，我們需要一個定時清理臨時目錄的指令碼。當然，這個很簡單，就只需要找到這個目錄，比較一下時間，比如超過一天前的檔案就給刪除。注意控制清理頻率即可！

5. 題外話

日誌真的很重要，哪裡出錯了，哪裡刪除檔案了，哪裡清理資料庫了，一定要做好記錄，否則，到時尋找原因時，到哪裡去喊救命！

上傳檔案到伺服器臨時目錄，後端處理原理看起來很簡單，但是也需要你仔細調試，至少當初我在做這個小功能時，著實費了不少勁才縷清楚的！

