论坛徽章:: 0

电梯直达

1楼 [收藏(0)] [报告]

发表于 2011-03-23 17:59 |只看该作者 |倒序浏览

转自 http://bbs.jquery.org.cn/forum.p ... &extra=page%3D1

花生米AJAX-UI系列之:基于JQUERY的文件上传控件0.1版
特点：
可设定为是否单个上传,或者是批量上传;
可在上传过程中取消上传(单个或者批量取消);
在批量选择文件后,可以手工选择上传其中部分文件;
可在上传文件时顺带上传REQUEST传参,如SESSION_ID;
选择批量文件,在上传前,用户还可删除其中几个不想上传的文件;
本控件是对swfUpload这个FLASH插件的二次包装，控件类对象中的一个内部元素即为一个SWFUpload对象，可对其中进行相应的操作（详见附送的SWFUpload V2_2_0 说明文档.htm）
本控件内置一个保存了文件列表信息的数组$fileList，其单元为JSON对象，保存了每个文件的ID，名称，类型，大小等信息；
可自定义按钮显示文字，文件上传的服务器端地址，以及SWF控件相对于当前网页的相对路径
本个控件包是建立在JSP基础上为大家展示上传效的，但实际该控件有用的部分仅在客户端前台;后台代码可以全部推翻，重新用PHP，.NET等其它动态语言编写
使用了本控件后，在后台编写代码时，不必编写实时监控文件上传进度的复杂代码，只用编写简单的处理保存上传文件的代码即可，因为FLASH插件会自动帮助算出上传进度，并实时定时给控件提供进度显示数据，这样就减轻了后台开发人员的工作量；
基于上一点，本控件前台也不会以长轮询方式访问服务器端，以获取文件上传进度情况，而是自己定时计算以上传的字节总数。因此当上传一个文件时，FLASH插件只会发一次传输请求，这样就改善了效率。
由于用FLASH传值时会给服务器造出一个新的SESSION，导致在服务端过滤器作用下可能会上传失败，因此用户可以在上专文件时，利用this.$swfUpload的addPostParam或者setPostParams方法，将原来的SESSION_id作为REQUEST参数传回服务端，服务端过滤器只要根据此SESSION_id判断相应用户是否“登录”即可.
本控件兼容IE6--IE8,Firefox,chrome浏览器，但需要FLASH PLAYER 9版本以上的支持