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

2015-08-19 11:51:55 244 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

Carla学习笔记（一）服务器跑carla本地显示窗口其中host后替换为你的服务器IP，-carla-rpc-port和-p后为端口号，需要一致。python3 manual_control.py也可以替换为其他python脚本。因为电脑配置不够，所以在服务器跑carla，本地运行PythonAPI里的样例。把carla仓库的PythonAPI拷贝到本地，或者直接去官方里下载一下。阅读详情

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>

...全文