toxic

备忘录

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

页面html:

<link href="/css/register.css" rel="stylesheet" type="text/css" media="screen" />
  <link href="/css/album.css" rel="stylesheet" type="text/css" media="screen" />
  <link href="/css/artDialog.css" rel="stylesheet" type="text/css" media="screen" />
  <link href="/xheditor/xheditor_skin/vista/ui.css" rel="stylesheet" type="text/css" media="screen" />
  <script src = "/js/jquery-1.4.4.min.js"></script>
  <script src = "/js/artDialog.basic.js"></script>
  <script src = "/js/util.js"></script>
  <script>
          function showupwindow()
          {
           var t = Date.parse(new Date());
             $('body').append('<div style="width: 349px; height: 220px; margin-left: -175px; margin-top: -110px; top: 355px;" class="xheModal" id="div_up"><div class="xheModalTitle"><span title="关闭 (Esc)" class="xheModalClose" onclick="close_up()"></span>上传文件</div><div class="xheModalContent" style="height: 191px;"><iframe frameborder="0" style="width: 100%; height: 100%;" src="/xheditor/xheditor_plugins/multiupload/multiupload-muti.html?watermark=0&t='+t+'"></iframe></div></div>');
             $('#div_up').css('top',$(document).scrollTop()+(window.screen.availHeight/2-80));
          }
          
           function close_up()
          {
              $('#div_up').remove();
          }
          

//自定义回调函数
 function updateImages(urls){//用户批量上传照片
    $.ajax({
             url : '/IUserControll/uploadablum/',
             data : 'urls='+urls,
             dataType:'html',
             type:'POST',
             success:function(data){
            if(data == 1){
           urls = urls.split(',');
           for(var i = 0; i < urls.length; i++){
                $('ul').eq(0).append('<li><img src="'+urls[i]+'" width="160" height="205"><a href="javascript:;">删&nbsp;除</a></li>');
           }
               return;
      }
      alert('数据发生错误,请稍后重试!');
     }
    });
   }
  </script>

 

<div class="operation">
        <input type="button" name="uploadify" id="uploadify" value="浏  览" onclick="showupwindow()"/>
     <input type="hidden" id="callback" value="updateImages" />
    </div>

更改 mutiupload.js中 "uploadAllComplete"方法

function uploadAllComplete()//全部文件上传成功
{
 try{
  var urls = '';
  for(var i = 0; i< arrMsg.length;i++){
   urls += '/'+arrMsg[i].url.replace(/\.\.\//g,'')+',';
  }
  urls = urls.substr(0,urls.length-1);
  //需要<input type="hidden" id="callback" value="updateImages" />
   var function_callback = $('#callback',window.parent.document).val();
  if(typeof function_callback != 'undefined'){
   eval("window.parent."+function_callback+"('"+urls+"');");
  }
     $(window.parent.document).find(".xheModal").remove();
 }catch(e){
  
   }
}

注意: 不可在mutiupload.js中的回调方法中写ajax请求代码 会无法响应  具体原因有待研究

posted on 2012-08-13 15:48  toxic  阅读(353)  评论(0编辑  收藏  举报