时间：2021-07-01 10:21:17 帮助过：22人阅读
业务场景一、我们只会选择一个单个的文件上传，而且不需要做一些即时的验证工作。那么，也许并没有什么优化可言了，因为，最后你要做的，只是将这个文件放在表单里最后一起提交，直接处理即可！
业务场景二、需要上传多个文件，而且需要时时验证文件内部内容，并时行相应页面显示。对于这种况，在用户选择了上传文件之后，我们需要立即将文件上传，因为我们需要读取文件里的信息，在最后提交的时候，我们也需要提交一次文件。很明显，在这里是存在一个重复上传的工作的，一个耗费用户时间，二个是耗费服务器带宽资源！优化，能够想得到的方法也很简单，能不能在第一次上传完文件之后，就将文件保留在服务器，真正提交表单的时候，去读取这个已经被上传的临时文件即可。是的，这就是我们的处理思路！
业务场景三、与场景二类似，需要上传多个文件，但是多个文件可能是分开上传的。即我们可能第一次上传了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. 题外话
日志真的很重要，哪里出错了，哪里删除文件了，哪里清理数据库了，一定要做好记录，否则，到时查找原因时，到哪里去喊救命！
上传文件到服务器临时目录，后端处理原理看起来很简单，但是也需要你仔细调试，至少当初我在做这个小功能时，着实费了不少劲才缕清楚的！