jQuery上传插件Uploadify出现Http Error 302错误解决

jerry JQuery 2015年09月15日 收藏

前段时间介绍过jquery uploadify上传插件的使用方法,我在使用中遇到过Http Error 302错误问题,应该会有很多人在使用中遇到过,在此记录下来:
首先http 302是请求被重定向的意思,这就很容易理解了,如果你的uploadify处理上传脚本有session验证,就会出现此错误,因为flash在执行post请求的时候没有包含cookie信息,而服务器的session会根据客户端的cookie来得到SESSIONID。没有提交cookie自然就不能获取到session,然后uploadify就返回了302(请求被重定向)的错误。
解决办法当然是把session_id的值传到服务端:

    <script>
    $(document).ready(function() { 
          $('#file_upload').uploadify({ 
            'uploader'  : 'uploadify/uploadify.swf', 
            'script'    : 'uploadify.php',
            'folder'    : 'uploads/file', 
            'formData': { 'session': '<?php echo session_id();?>'}, 
            'onComplete'  : function(event, ID, fileObj, response, data) { 
              alert(response); 
            } 
          }); 
    }); 
    </script>

然后在服务器端session验证之前:

    if (isset($_POST['session'])){ 
        session_id($_POST['session']); 
        session_start();//注意此函数要在session_id之后 
    }

当然,你也可以直接在url中将session id传过去。

yii中代码如下:

 $('#<?php echo $upload_name_id;?>').uploadify({
            'buttonText': '选择文件..',
            'fileObjName': 'imgFile',
            'method': 'post',
            'multi': false,
            'queueID': 'fileQueue',
            /*'uploadLimit': 2,*/
            'fileTypeExts': '*.gif;*.png;*.jpg;*.bmp;*.jpeg;',
            'buttonImage': '<?php echo $this->_static_public?>/js/uploadify/select.png',
            'formData': {
                'sessionId'   : '<?php echo Yii::app()->session->sessionID; ?>',
                'timestamp'   : '<?php echo time();?>',
                'token'       : '<?php echo md5('unique_salt'.time()); ?>',
                'modelName'  : '<?php echo $modelName; ?>',
                'modelId'  : '<?php echo $model->id; ?>'
            },
            'swf': '<?php echo $this->_static_public;?>/js/uploadify/uploadify.swf',
            'uploader': '<?php echo $this->createUrl('uploadify/basicExecute')?>',
            'onUploadStart': function () {
                $('#<?php echo $up_upload_name_id;?> img').remove();
                $('#<?php echo $up_upload_name_id;?> a').remove();
                $imgHtml = '<img class="upload_load" src="static/images/upload.gif" align="absmiddle" />';
                $('#<?php echo $up_upload_name_id;?>').append($imgHtml);
            },    
            'onUploadSuccess': function(file, data, response) {
                $('.upload_load').remove(); 
                var json = $.parseJSON(data); 
                if (json.state == 'success') {
                    $("#<?php echo $d_upload_name_id;?>").remove();
                    $(yt_upload_name_id).val(json.fileId);
                    $imgHtml ='<div id="<?php echo $d_upload_name_id;?>">';                    
                    $imgHtml += '<a href="<?php echo $this->_baseUrl?>/' + json.file + '" target="_blank">';
                    $imgHtml += '<img src="<?php echo $this->_baseUrl?>/'+json.file+'" width="85" height="75"  align="absmiddle"/>';
                    $imgHtml += '</a>';
                    $imgHtml += '<a href="javascript:uploadifyRemove(&quot;' + json.fileId + '&quot;,&quot;<?php echo $d_upload_name_id;?>&quot;,&quot;<?php echo $yt_upload_name_id;?>&quot;)">删除</a>';
                    $imgHtml +='</div>';
                    $('#<?php echo $up_upload_name_id;?>').append($imgHtml);
                } else {
                    alert(json.message);
                }
            },
            'onQueueComplete':function () {
                $('.upload_load').remove();
            }
        });

服务端:

        if (isset($_POST['sessionId'])) {
            $session = Yii::app()->getSession();
            $session->close();
            $session->sessionID = $_POST['sessionId'];
            $session->open();
        }