你的位置:首页 > Java教程

[Java教程]jQuery上传插件Uploadify出现Http Error 302错误解决


前段时间介绍过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 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();    }