关于Jquery easy ui和Plupload兼容性的问题

粗人-512794511 2015-08-19 11:51:55
upload.js部分代码(plupload实例化)

var FILE_LIST = new Array();//文件列表
var uploader;//plupload对象
function createUpload()
{

uploader = new plupload.Uploader({
browse_button : 'browse', //触发文件选择对话框的按钮,为那个元素id
url:'MFileManager',
prevent_duplicates : true,//不允许重复文件
flash_swf_url : 'tags/plupload/Moxie.swf', //swf文件,当需要使用swf方式进行上传时需要配置该参数
silverlight_xap_url : 'tags/plupload/Moxie.xap' //silverlight文件,当需要使用silverlight方式进行上传时需要配置该参数
});

//参数初始化
uploader.init();

//文件被添加的监听事件
uploader.bind('FilesAdded',function(uploader,files){
for(var i=0;i<files.length;i++)
{
var file = new Array();
file[0]=files[i].name;
file[1]=Math.round(files[i].size/1024*10)/10;
file[2]="就绪";
file[3]=files[i].id;
FILE_LIST.push(file);
}
drawFileList();
obj("import").disabled="";
});

//文件被移除的监听事件
uploader.bind('FilesRemoved',function(uploader,files)
{
TipRefresh();
for(var i=0;i<files.length;i++)
{
for(var j=0;j<FILE_LIST.length;j++)
{
if(files[i].id==FILE_LIST[j][3])
{
FILE_LIST.splice(j,1);
break;
}
}
}
drawFileList();
});

//上传进度的监听事件
uploader.bind('UploadProgress',function(uploader,file){
obj(file.id).innerHTML="已上传 "+file.percent+" %";
});


//上传成功的监听事件
uploader.bind('FileUploaded',function(uploader,file,responseObject){
obj(file.id).innerHTML=responseStatus(responseObject.response);
setStatus(file.id,"上传成功");
TipRefresh();
});



//监听错误事件
uploader.bind('Error',function(uploader,errObject)
{
if(obj(errObject.file.id)!=null)
{
obj(errObject.file.id).innerHTML=errorStatus(errObject.code);
setStatus(errObject.file.id,errorStatus(errObject.code));
}else{
alert(errorStatus(errObject.code));
}

});

//列表上传完成的监听事件
uploader.bind('UploadComplete',function(uploader,files)
{
TipRefresh();
drawFileList();
obj("import").disabled="disabled";
});
}



下面这这个window窗口是easy ui中的
经过多次测试之后,发现如果browse按钮如果在这个div外侧,uploader.bind都是可以成功注册事件的,如果放入这个window内(如下),就不能成功注册事件了,导致uploader注册的事件都不能触发

我想问的是,有没有人这样结合过使用,如果这两个结合在一起,是否在语法上面有什么变化,
easy ui和plupload都是这次项目中刚刚使用的,不太熟悉

<div id="fileupload" class="easyui-window" title="订单上传" data-options="modal:true,closed:true" style="width:850px;height:400px;padding:10px;">
<input type="button" class="submit" id="browse" value="添加文件" />
</div>
...全文
242 回复 打赏 收藏 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

87,984

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧