设为首页 收藏本站
查看: 746|回复: 0

[经验分享] 黄聪:一些文件上传组件(Flash,JQuery,asp,php,js,AJAX)

[复制链接]

尚未签到

发表于 2015-8-25 13:11:12 | 显示全部楼层 |阅读模式

DSC0000.gif FancyUpload
DSC0001.gif


FancyUpload是一个采用Flash与Ajax(MooTools)技术实现包含上传进度条的多文件上传组件,类似于SWFUpload。
DSC0002.jpg   FancyUpload
DSC0003.jpg Mootools  

jqUploader


结合Javascript与Flash开发,拥有上传进度条的文件上传控件。
DSC0004.jpg   jqUploader
jQuery  

Ext UploadForm


Ext UploadForm扩展至Ext.form.BasicForm用于多文件上传。文件先被加到上传队列中然后再一起上传至服务器,Ext UploadForm还提供一个上传进度条用于显示上传的详细信息。 DSC0005.png   Ext UploadForm
ExtJs  

SwfUploadPanel


SwfUploadPanel是一个结合SwfUpload v2.0.2与ExtJS 2.0.x开发的多文件上传面板(panel)。
DSC0006.jpg   SwfUploadPanel
ExtJs Widgets  

Yahoo! UI Library: Uploader


YUI Uploader Control结合Flash开发的文件上传控件。支持在同一个"Open File"对话框中一次性选择多个文件。文件扩展名过滤,以帮助用户准确选择。文件上传过程跟踪。在文件上传POST请求中附件额外的参数。
DSC0007.jpg   Yahoo! UI Library: Uploader
YUI  

jQuery Multiple File Upload Plugin


多文件上传插件(jQuery.MultiFile)能够让用户一次性选择多个要上传的文件。此外该插件还提供一些基本的校验功能比如:文件扩展名校验。
DSC0008.jpg   jQuery Multiple File Upload Plugin
jQuery  

dhtmlxVault


基于Ajax技术开发,包含上传进度提醒的DHTML JavaScript文件上传控件。不同的文件类型会显示相应的icons。
DSC0009.jpg   dhtmlxVault


jQuery: Ajax file upload


Ajax文件上传插件让用户能够很方便地上传多个文件而无需刷新页面。此外,可以使用任何元素(图片,文字,按纽等)来触发文件选择窗口。
DSC00010.jpg   jQuery: Ajax file upload
jQuery  

uploadify


uploadify这是一个基于Flash技术的文件上传jQuery插件。提供的功能包括:能够一次性选择多个文件上传,查看上传进度,控制文件上传类型和大小,为每一步操作添加回调函数等。该插件还自带一个PHP文件用于服务器端处理上传文件。
DSC00011.jpg   uploadify
jQuery Php  

jcUpload


jcUpload是一个采用Flash与jQuery实现的Ajax文件上传组件。支持文件上传进度条提示。支持多文件上传,用户可以在文件选择框按住Ctrl或Shift键一次选择多个文件。支持自定义文件扩展名过滤,限制个别文件大小,控制待上传文件队列大小/数量。易于自定义外观。
DSC00012.jpg   jcUpload
jQuery  

JSUpload


JSUpload是一个JavaScript文件上传控件,它提供一个进度条来显示实时上传信息包括:文件大小,已传输的字节数等。
DSC00013.jpg   JSUpload


jQuery Image Cropper with Uploader


包含上传功能的图片在线裁剪工具。此外该工具还提供旋转、颜色变换等功能。
DSC00014.jpg   jQuery Image Cropper with Uploader
Image jQuery  

Plupload


Plupload这个JavaScript控件可以让你选择Adobe Flash、Google Gears、HTML5、Microsoft Silverlight、Yahoo BrowserPlus或正常表单Form等多种方法进行文件上传。Plupload还提供其它功能包括:上传进度提醒、图片缩小、多文件上传,拖拽文件到上传控件,文件类型过滤和Chunked上传等。这些功能在不同的上传方式中支持情况会受到限制。
DSC00015.jpg   Plupload


noSWFUpload


noSWFUpload是一个Ajax多文件上传组件。不需要SWF,Applets或其它浏览器插件支持。
DSC00016.jpg   noSWFUpload


SWFUpload


SWFUpload是一个基于flash与javascript的客户端文件上传组件。你可以在文件选择对话框中通过ctrl/shift键一次性选择多个上传文件。可以在所有事件中加入Javascript回调函数。可以在上传开始前取得文件信息。能够利用HTML显示文件上传中的一些信息。不需要刷新页面。当不支持Flash或javascript时,能够自动变成正常的HTML上传Form。可以在上传开始前控制文件大小。 当上传多个文件时,它将自动创建上传队列,在还没有开始上传前可从队列中移除或添加文件。
DSC00017.jpg   SWFUpload


Ajax Upload


AjaxUpload是一个带有上传进度条并支持将文件从本地计算机拖到页面中进行上传的文件上传组件,但这两个功能只能在FF3.6+、Safari4+和Chrome浏览器中使用。其它浏览器只是利用一个隐藏的iframe进行不刷新上传,不支持文件拖动和进度提醒。支持在FF、Chrome和Safari浏览器中一次性选择多个文件上传,可以通过CSS更新外观,可以在上传过程中取消上传,没有用到Flash支持,兼容https。
DSC00018.jpg   Ajax Upload


Agile Uploader


AgileUploader是一个文件上传控制,支持在上传之前利用Flash将图片缩小。支持上传单个和多个文件上传。由于上传按纽没有放在Flash文件中,所以可以自己定义风格外观。此外还提供各种JS回调函数。Flash部分也有很多参数可以设置包括风格和图片缩小质量。
DSC00019.gif   Agile Uploader


RightJS


RightJS是一个非常小,模块化并依赖于插件和prototype扩展来增强功能的JavaScript框架与jQuery框架非常相似。同样拥有非常多的简短和便利的方法,能够帮助你编写出简洁、紧凑的代码。它RightJS更加面向对象,专门为熟悉服务器动态语言(如:Ruby和Python)的开发人员而设计。此外RightJS还提供了一些常用的WebUI包括:Autocompleter、Calendar、colorpicker、Lightbox、Rater、Slider、Sortable、Tabs、Tooltips、Uploader等。
DSC00020.jpg   RightJS
AutoComplete Color DatePicker Framework Slider  

jQuery File Upload Plugin


jQueryFile Upload Plugin允许你一次性选择多个文件并将它们同时上传。可以把要上传的文件从桌面或文件管理器中拖到浏览器窗口中进行上传。可以显示单个文件的上传进度,上传过程中还可以取消来停止上传过程。它还提供API来设置单独的选项并为各种上传事件定义回调方法。

DSC00021.jpg
  jQuery File Upload Plugin
jQuery

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表,该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有,请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意,请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。若您因此触犯法律,一切后果自负,我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责,亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏,不得用于商业或者其他用途,否则,一切后果均由您自己承担,我们对此不承担任何法律责任
7、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决
8、联系人Email:admin@iyunv.com 网址:www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址:https://www.yunweiku.com/thread-104055-1-1.html 上篇帖子: PHP不用第三变量交换2个变量的值 下篇帖子: CI框架源码阅读笔记4 引导文件CodeIgniter.php
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

扫码加入运维网微信交流群X

扫码加入运维网微信交流群

扫描二维码加入运维网微信交流群,最新一手资源尽在官方微信交流群!快快加入我们吧...

扫描微信二维码查看详情

客服E-mail:kefu@iyunv.com 客服QQ:1061981298


QQ群⑦:运维网交流群⑦ QQ群⑧:运维网交流群⑧ k8s群:运维网kubernetes交流群


提醒:禁止发布任何违反国家法律、法规的言论与图片等内容;本站内容均来自个人观点与网络等信息,非本站认同之观点.


本站大部分资源是网友从网上搜集分享而来,其版权均归原作者及其网站所有,我们尊重他人的合法权益,如有内容侵犯您的合法权益,请及时与我们联系进行核实删除!



合作伙伴: 青云cloud

快速回复 返回顶部 返回列表