• 文件上传小技巧/后端处理【以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} 
    ";
                }
                $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. 题外话

        日志真的很重要,哪里出错了,哪里删除文件了,哪里清理数据库了,一定要做好记录,否则,到时查找原因时,到哪里去喊救命!

        注意临时文件的唯一性,不要形成覆盖哦,这样文件直接出错可不是好事,使用随机数也也只是减小了出现这情况的概率,但其实也有这种可能出现!(我是在等待出现这个问题了再去解决,感觉是个坑)

      

      上传文件到服务器临时目录,后端处理原理看起来很简单,但是也需要你仔细调试哦!

  • 相关阅读:
    创建数据库链
    redis命令
    redis.conf文件配置信息
    mybatis调用存储过程实现
    oracle游标使用遍历3种方法
    Proud Merchants
    Bag Problem
    Watch The Movie
    Accepted Necklace
    Bone Collector II
  • 原文地址:https://www.cnblogs.com/yougewe/p/5516096.html
Copyright © 2020-2023  润新知