引語：在上一篇文章中說到，在頁面中可以用隱藏的方式讓你的上傳頁面看起來漂亮。但是這對(duì)于性能來說，并沒有什么卵用，那么在后臺(tái)的處理中，難道就沒有一些處理技巧么？所謂后臺(tái)的技巧，應(yīng)該要包括上傳得快一點(diǎn)，上傳的文件大一點(diǎn)！那么，本文就來說說，后端處理都有些什么技巧吧！

業(yè)務(wù)場景一、我們只會(huì)選擇一個(gè)單個(gè)的文件上傳，而且不需要做一些即時(shí)的驗(yàn)證工作。那么，也許并沒有什么優(yōu)化可言了，因?yàn)椋詈竽阋龅模皇菍⑦@個(gè)文件放在表單里最后一起提交，直接處理即可！

業(yè)務(wù)場景二、需要上傳多個(gè)文件，而且需要時(shí)時(shí)驗(yàn)證文件內(nèi)部內(nèi)容，并時(shí)行相應(yīng)頁面顯示。對(duì)于這種況，在用戶選擇了上傳文件之后，我們需要立即將文件上傳，因?yàn)槲覀冃枰x取文件里的信息，在最后提交的時(shí)候，我們也需要提交一次文件。很明顯，在這里是存在一個(gè)重復(fù)上傳的工作的，一個(gè)耗費(fèi)用戶時(shí)間，二個(gè)是耗費(fèi)服務(wù)器帶寬資源！優(yōu)化，能夠想得到的方法也很簡單，能不能在第一次上傳完文件之后，就將文件保留在服務(wù)器，真正提交表單的時(shí)候，去讀取這個(gè)已經(jīng)被上傳的臨時(shí)文件即可。是的，這就是我們的處理思路！

業(yè)務(wù)場景三、與場景二類似，需要上傳多個(gè)文件，但是多個(gè)文件可能是分開上傳的。即我們可能第一次上傳了10M，第二次上傳了10M，總共上傳了10次，那么，在服務(wù)器端來說的話，一次性提交肯定是超出了上傳大小的限制了，但是如果，我們是分每一次的上傳，這是可以的，而最后提交的時(shí)候，我們只需要將簡短的文本信息傳上去即可！

思路的確是簡單的，看起來，也是沒什么問題，但是，也許我是能力有限，當(dāng)時(shí)著實(shí)花了我不少時(shí)間去處理這個(gè)什么鬼！下面，我將給出一些示例代碼，以供參考：

文件上傳技巧（將單次上傳的文件作為臨時(shí)文件存在在服務(wù)器端）示例代碼：

1. 頁面js處理

//點(diǎn)擊選擇完成文件后，觸發(fā)上傳文件操作，將文件上傳至服務(wù)器臨時(shí)目錄 $(’.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); //將文件信息存放于隱藏域中，以便在提交時(shí)能找到 $(submitId).removeAttr(’disabled’); }else{layer.alert(data.info); }},error: function(data){ layer.close(window.loading); layer.alert(’未知錯(cuò)誤，請(qǐng)稍后再試！’);} }); return false;//防止dialog 自動(dòng)關(guān)閉 });

2. 很明顯，頁面里面需要獲取文件信息，后臺(tái)處理代碼（PHP）

$apkConfig = $this->_getApkConfig();$params = $this->getFilteredParam(’get’);$subFile = $_FILES[’apkToolFiles’];$apkName = $apkInfoHtml = ''; if(empty($subFile)){ $this->ajaxReturn(array(’status’ => -4, ’info’ => ’請(qǐng)選擇要上傳的文件’));} 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);} //移動(dòng)文件 $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],); //轉(zhuǎn)存該值，不再重復(fù)上傳文件 } else {$this->ajaxReturn(array(’status’ => 0, ’info’ => '文件不能為空')); } foreach ($apkInfo as $key => $val) {$apkInfoHtml .= '{$key}:{$val} rn'; } $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. 通過以兩部分代碼的配合，我們?cè)陧撁嫔弦呀?jīng)有正確的信息了，只需要在最后提交表單的時(shí)候， 不要將文件提交到服務(wù)器，在服務(wù)器端處理時(shí)，只需將之前上傳的臨時(shí)文件移動(dòng)一下位置即可 ，這樣就算大功告成了！

$(’.upload-file-real’).attr(’disabled’, ’disabled’); //提交表單前，禁用上傳文件

4. 后續(xù)工作

將臨時(shí)文件上傳到服務(wù)器后，是沒辦法判斷用戶是否取消當(dāng)前操作的，如果取消了，則臨時(shí)文件將一直存在于服務(wù)器，所以，我們需要一個(gè)定時(shí)清理臨時(shí)目錄的腳本。當(dāng)然，這個(gè)很簡單，就只需要找到這個(gè)目錄，比較一下時(shí)間，比如超過一天前的文件就給刪除。注意控制清理頻率即可！

5. 題外話

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

上傳文件到服務(wù)器臨時(shí)目錄，后端處理原理看起來很簡單，但是也需要你仔細(xì)調(diào)試，至少當(dāng)初我在做這個(gè)小功能時(shí)，著實(shí)費(fèi)了不少勁才縷清楚的！