页面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:;">删 除</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请求代码 会无法响应 具体原因有待研究