![用法plupload自定义参数实现多文件上传__第1页](http://file2.renrendoc.com/fileroot_temp3/2021-8/27/ec461445-6525-4bfa-a56e-f622c11d094e/ec461445-6525-4bfa-a56e-f622c11d094e1.gif)
![用法plupload自定义参数实现多文件上传__第2页](http://file2.renrendoc.com/fileroot_temp3/2021-8/27/ec461445-6525-4bfa-a56e-f622c11d094e/ec461445-6525-4bfa-a56e-f622c11d094e2.gif)
![用法plupload自定义参数实现多文件上传__第3页](http://file2.renrendoc.com/fileroot_temp3/2021-8/27/ec461445-6525-4bfa-a56e-f622c11d094e/ec461445-6525-4bfa-a56e-f622c11d094e3.gif)
![用法plupload自定义参数实现多文件上传__第4页](http://file2.renrendoc.com/fileroot_temp3/2021-8/27/ec461445-6525-4bfa-a56e-f622c11d094e/ec461445-6525-4bfa-a56e-f622c11d094e4.gif)
![用法plupload自定义参数实现多文件上传__第5页](http://file2.renrendoc.com/fileroot_temp3/2021-8/27/ec461445-6525-4bfa-a56e-f622c11d094e/ec461445-6525-4bfa-a56e-f622c11d094e5.gif)
下载本文档
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、用法plupload自定义参数实现多文件上传_ 这篇文章主要介绍了用法plupload自定义参数实现多文件上传的相关资料,特别不错,具有参考借鉴价值,需要的伴侣可以参考下 1、在开发中可能需要用户附件上传的功能,实现批量上传功能其实就将多个上传任务放到一个集合中,分别上传。 2,用法plupload js插件可以很轻松的实现带参数的多文件上传 3、具体js实现方式 script type=text/javascript var map=;/文件id为key,文件类型为value的集合 / Custom example logic var uploader = new plupload.Uplo
2、ader( runtimes : html5,flash,silverlight,html4, browse_button : pickfiles, / you can pass in id. container : document.getElementById(container), / . or DOM Element itself url : ./action/photoUpload.jsp, flash_swf_url : ././js/Moxie.swf, silverlight_xap_url : ././js/Moxie.xap, filters : max_file_size
3、 : 5mb, mime_types : title : 图片类型, extensions : jpg,gif,png , init : PostInit : function() document.getElementById(uploadfiles).onclick = function() uploader.start(); return false; ; , BeforeUpload:function(up,file) /重点在这里,上传的时候自定义参数信息 uploader.setOption(multipart_params,apptype:$param.type,id:$para
4、m.id,fileType:mapfile.id); , FileUploaded:function(up,file) $(#+file.id+btn).parent().html(上传完毕); $(#+file.id+btn).remove(); , FilesAdded : function(up, files) if($(#fileType).val()=1) alert(请选择附件类型!); /清空刚才选择的文件 plupload.each(files,function(file) uploader.removeFile(file.id); ); return false; plupl
5、oad.each(files,function(file) mapfile.id=$(#fileType).val(); $(#uploadTable).append(tr id=+file.id+trtd+$(#fileType).val()+/tdtd++/tdtdbutton type=button id=+file.id+btn onclick=del(+file.id+)删除/button /tdtd id=+file.id+_progress/td/tr); ); , UploadProgress : function(up, file) $(#+file.id+
6、_progress).html(span+ file.percent + %/span); , Error : function(up, err) alert(此文件上传失败!); ); uploader.init(); /依据文件id删除此文件,并且在table中删除此文件的信息 function del(id) uploader.removeFile(id); $(#+id+tr).remove(); mapid=; /script 宅男程序猿,文采不行,假如看着累挺直复制js,留意页面上需要有: div id=filelist/div div id=container center 提示
7、:必需上传 商户营业执照,税务登记证明,企业法人身份证,考察照片,商户信息调查表,商户协议 才能提交审批! /center label附件类型:/label select name=fileType id=fileType option value=1-请选择-/option option value=商户营业执照商户营业执照/option option value=税务登记证明税务登记证明/option option value=商户信息变更表商户信息变更表/option option value=其他其他/option /select button class=button id=pickfiles选择文件/button button class=button id=uploadfiles批量上传/button button class=button onclick=window.location.reload()刷新/button button class=button onclick=window.close()关闭窗口/button table style=width: 600px id=upl
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 音乐娱乐行业艺人经纪合同
- 工商银行借款合同
- 酒类赛事赞助运输合同
- 业务手册行业业务开展与合同管理
- 电力行业电力设备维修保养合同
- 智慧文化场馆运营管理平台开发合同
- 2024年生物科技产品开发合同
- 电视剧版权转让合同
- 城市建设项目开发框架合同
- 电子科技园发展运营服务合同
- 2025年陕西西安市经济技术开发区管委会招聘30人历年高频重点提升(共500题)附带答案详解
- 【可行性报告】2024年数据标注与审核项目可行性研究分析报告
- 2024-2025学年沪科版数学七年级上册期末综合测试卷(一)(含答案)
- 《针法灸法》课件-温灸器灸
- 陕西省咸阳市2023-2024学年高一上学期期末考试 数学 含答案
- 天津市河北区2024-2025学年八年级上学期11月期中历史试题(含答案)
- 小儿高热惊厥课件
- 河南省郑州市二七区2023-2024学年七年级下学期期末考试语文试题
- JB-T 8532-2023 脉冲喷吹类袋式除尘器
- 山东省济宁市2023年中考数学试题(附真题答案)
- 供应链金融与供应链融资模式
评论
0/150
提交评论