文件上傳小技巧/后端處理【以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 = "<input name=\"apkToolFileTmp[]\" value='{$fileInfo}' type=\"hidden\"/>";    //一定要輸出前使用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. 題外話

　　　　日志真的很重要，哪里出錯了，哪里刪除文件了，哪里清理數據庫了，一定要做好記錄，否則，到時查找原因時，到哪里去喊救命！

　　　　注意臨時文件的唯一性，不要形成覆蓋哦，這樣文件直接出錯可不是好事，使用隨機數也也只是減小了出現這情況的概率，但其實也有這種可能出現！（我是在等待出現這個問題了再去解決，感覺是個坑）

　　

　　上傳文件到服務器臨時目錄，后端處理原理看起來很簡單，但是也需要你仔細調試哦！