var uploader = new plupload.Uploader( { //用来指定上传方法,指定多个上传方法请使用逗号离隔,默认即为此,可不写 runtimes : ‘html5,flash,silverlight,html4‘, //点击上传html标签的id,可以是a,button等 browse_button : ‘hideBtn‘, //处事器真个页面上传地点 url : url, //文件的最大上传巨细,不写该参数则上传文件巨细无限制 max_file_size : ‘20mb‘, //设置多项选择,默认为true,即可多选文件,成果为单选时需将此设为false multi_selection : true, //上传的文件生成一个独一的文件名,默认为false,false时上传文件为自己的名字,true时自动生成其他名字 unique_names : true, //可以使用该参数来限制上传文件的类型,巨细等,该参数以东西的形式传入 filters : [ {title: "Image files", extensions: "jpg,gif,png,jpeg"}, {title: "Zip files", extensions: "zip"}, {title: "file files", extensions: "doc,docx,xls,xlsx,ppt,pptx,txt,pdf"} ], //flash地点,swf文件,当需要使用swf方法进行上传时需要配置该参数 flash_swf_url : ‘../../../../sikns/js/Moxie.swf‘, //silverlight文件,当需要使用silverlight方法进行上传时需要配置该参数 silverlight_xap_url : ‘../../../../sikns/js/Moxie.xap‘, //当Plupload初始化完成后触发
init : { //文件上传前触发 BeforeUpload : function(up, file){ /*事先做个校验，，违反校验的情况下，将文件上传传输组件暂停*/ /*up.stop(); up.removeFile(file);*/ } }, //当文件添加到上传行列队伍后触发(up为当前的plupload实例东西,files为一个数组,里面的元素为本次添加到上传行列队伍里的文件东西) FilesAdded : function(up, files) { /*plupload.each(files,function(file) { document.getElementById(‘filelist‘).value += file.name+"；"; });*/ //开始上传行列队伍中的文件 uploader.start(); }, //会在文件上传过程中不停触发,可以用此事件来显示上传进度(up当前的plupload实例东西,file为触发此事件的文件东西) UploadProgress : function(up, file) { }, //传输完成后添加事件 UploadComplete : function(up,files){ } } }); //初始化Plupload实例 uploader.init();

　　这段代码是文件上传的js部分，里面各个部分的函数注解的很清楚。

挪用这个js的部分按钮如下：

<div> <input type="text" placeholder="选择上传文件" readonly> <div> <span></span> </div> <button></button> </div>

文件上传plupload组件使用