成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

導航首頁 ? 技術教程 ? jQuery Uploadify 上傳插件出現Http Error 302 錯誤的解決辦法
全站頭部文字 我要出現在這里
jQuery Uploadify 上傳插件出現Http Error 302 錯誤的解決辦法 772 2024-03-17   

前段時間介紹過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="http://www.gimoo.net/t/1904/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  + json.file + '" target="_blank">';
          $imgHtml += '<img src="http://www.gimoo.net/t/1904/<&'+json.file+'" width="85" height="75" align="absmiddle"/>';
          $imgHtml += '</a>';
          $imgHtml += '<a href="javascript:uploadifyRemove("' + json.fileId + '","<?php echo $d_upload_name_id;?>","<?php echo $yt_upload_name_id;?>")">刪除</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();
}

ps:jquery上傳插件uploadify使用心得(總結)

自己使用實例:

1、jsp頁面:

<link  rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://www.gimoo.net/t/1904/jsp/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="http://www.gimoo.net/t/1904/jsp/js/jquery_upload/swfobject.js"></script>
<script type="text/javascript" src="http://www.gimoo.net/t/1904/jsp/js/jquery_upload/jquery.uploadify.v2.1.4.min.js"></script>
//jquery文件上傳
$(document).ready(function()
    {
      $("#uploadify").uploadify({
        'uploader': 'jsp/js/jquery_upload/uploadify.swf',
        'script': 'uploadFile.svl',
        'cancelImg': 'jsp/js/jquery_upload/cancel.png',
        'queueID': 'fileQueue',
        'auto': false,
        'multi': true,
        'method':'POST',
        'scriptData':{'saveFolder':'stuPhotos'},//GET方式才可生效
        'fileExt' :'*.jpg;*.gif;*.png', //控制可上傳文件的擴展名
        'fileDesc': 'jpg、gif、png文件', //控制可上傳文件的擴展名描述,兩者需要同時使用 
        'buttonImg':'jsp/js/jquery_upload/selectBtn.gif',
        'width':80,//"瀏覽"按鈕寬度
        'onComplete':function(event,ID,fileObj,response,data){
         //alert(response) //response為服務器響應數據
        },
      });
}); 
<td width="200" class="tabIndex" style="height:10px">照片:</td>
<td>
<input type="file" name="uploadify" id="uploadify" />
<p>
<a href="javascript:$('#uploadify').uploadifyUpload()">上傳</a>| 
<a href="javascript:$('#uploadify').uploadifyClearQueue()">取消上傳</a>
</p>
<div id="fileQueue" ></div>
<input type="hidden" name="stuPhoto" id="stuPhoto" />
</td>

2、服務端代碼

public class UploadFileUtil extends HttpServlet {
private static final long serialVersionUID = 1L;
File tmpDir = null;// 初始化上傳文件的臨時存放目錄
File saveDir = null;// 初始化上傳文件后的保存目錄
public UploadFileUtil() {
super();
}
protected void doGet(HttpServletRequest request,
HttpServletResponse response) throws ServletException, IOException {
doPost(request, response);
}
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  try{
    if(ServletFileUpload.isMultipartContent(request)){
     response.setCharacterEncoding("utf-8");//務必,防止返回文件名是亂碼 
     DiskFileItemFactory dff = new DiskFileItemFactory();//創建該對象
     dff.setRepository(tmpDir);//指定上傳文件的臨時目錄
     dff.setSizeThreshold(1024000);//指定在內存中緩存數據大小,單位為byte
     ServletFileUpload sfu = new ServletFileUpload(dff);//創建該對象
     sfu.setFileSizeMax(5000000);//指定單個上傳文件的最大尺寸
     sfu.setSizeMax(10000000);//指定一次上傳多個文件的總尺寸
     FileItemIterator fii = sfu.getItemIterator(request);//解析request 請求,并返回FileItemIterator集合
     while(fii.hasNext()){
      FileItemStream fis = fii.next();//從集合中獲得一個文件流
      if(!fis.isFormField() && fis.getName().length()>0){//過濾掉表單中非文件域
       String fileName = fis.getName();//獲取文件名
       String extName = "";
       if (fileName.lastIndexOf(".") >= 0) {
extName = fileName.substring(fileName.lastIndexOf("."));
}
        BufferedInputStream in = new BufferedInputStream(fis.openStream());//獲得文件輸入流
        String uuidName = UUID.randomUUID().toString().replaceAll("-", "").toUpperCase();//用UUID生成文件名
        BufferedOutputStream out = new BufferedOutputStream(new FileOutputStream(new File(saveDir+"/"+uuidName+extName)));//獲得文件輸出流
        Streams.copy(in, out, true);//開始把文件寫到你指定的上傳文件夾
      }
     }
     //jquery上傳方式返回
     response.getWriter().print("upload success");//成功
    }
  }catch(Exception e){
   response.getWriter().print("upload fail");//失敗
    e.printStackTrace();
  }
 } public void init() throws ServletException {
  super.init();
  String serverPath = this.getServletConfig().getServletContext().getRealPath("/");//獲取服務器路徑
   String tmpPath = serverPath+"/tmpUploadsFolder/";
   String savePath = serverPath+"/uploadsFolder/";
  tmpDir = new File(tmpPath);
  saveDir = new File(savePath);
  if(!tmpDir.isDirectory())
    tmpDir.mkdir();
  if(!saveDir.isDirectory())
    saveDir.mkdir();
 }}

以上內容是小編給大家介紹的jQuery Uploadify 上傳插件出現Http Error 302 錯誤的解決辦法,希望大家喜歡。


主站蜘蛛池模板: 新闻女郎| 胡渭康| 羞羞的影评| 生死瞬间演员表| 天赐的声音在哪个平台播出| 女子露胸| jar of love完整版| 在线黄网站| 送老师锦旗写什么最好| 吃大米饭是增肥还是减肥| 色戒.| 在床上在线观看| 四年级下册语文第15课课堂笔记| 推拿电影在线完整观看| 我的漂亮的朋友| 恰纳卡莱之战完整版在线观看| 《最后的凶手》免费观看| 画江湖之不良人7季什么时候上映 画江湖之不良人第七季什么时候出 | 6夜间飞行的秘密| 清淮河| 2023中国十大廉洁人物事迹| 鬼迷心窍 歌词| 田成仁个人资料年龄| 91自拍网| 等着我主持人| 教师政治学习笔记| 穆丹| 13位的电话号码是什么电话| 甲铁城的卡巴内利| tvb翡翠台直播| 猫小帅的故事| 幼儿园课题研究| 悄悄问圣僧女儿美不美| 恋人电影| av电影在线| 王艺潼| 美国派7| 谍影 电视剧| 香帅传奇郑少秋版国语全集在线观看高清| 思想道德与法治2023版| 抗日电影免费|

!!!站長長期在線接!!!

網站、小程序:定制開發/二次開發/仿制開發等

各種疑難雜癥解決/定制接口/定制采集等

站長微信:lxwl520520

站長QQ:1737366103