开发者社区> 老朱教授> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

一些文件上传组件(Flash,JQuery,asp,php,js,AJAX)

简介:
+关注继续查看

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

FancyUpload

tag_blue.jpg Mootools  

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

jqUploader

tag_blue.jpg jQuery  

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

Ext UploadForm

tag_blue.jpg ExtJs  

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

SwfUploadPanel

tag_blue.jpg ExtJs Widgets  

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

Yahoo! UI Library: Uploader

tag_blue.jpg YUI  

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

jQuery Multiple File Upload Plugin

tag_blue.jpg jQuery  

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

dhtmlxVault

tag_blue.jpg 

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

jQuery: Ajax file upload

tag_blue.jpg jQuery  

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

uploadify

tag_blue.jpg jQuery Php  

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

jcUpload

tag_blue.jpg jQuery 



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

JSUpload

tag_blue.jpg 

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

jQuery Image Cropper with Uploader

tag_blue.jpg Image jQuery  

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

Plupload

tag_blue.jpg 

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

noSWFUpload

tag_blue.jpg 

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

SWFUpload

tag_blue.jpg 

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

Ajax Upload

tag_blue.jpg 

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

Agile Uploader

tag_blue.jpg 

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

RightJS

tag_blue.jpg AutoComplete Color DatePicker Framework Slider  

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

jQuery File Upload Plugin

tag_blue.jpg jQuery 




本文转自黄聪博客园博客,原文链接:http://www.cnblogs.com/huangcong/archive/2011/04/15/2017639.html,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
一步一步实现ATL开发的ActiveX组件与javascript的交互(一)
1.      打开VS2008,单击起始页中的“New Project…”,选择“ATL”分类下的“ATL Project”项目,项目名称为“ATLtest”。在随后出现的项目向导中,使用默认配置即可。
1322 0
ActiveX组件与JavaScript交互
1.在COM组件中调用JavaScript函数// 连接点方式页面javascript脚本        alert("State(" + s + ")");        return 123;        testCom.
948 0
基于H5+css+JavaScript实现跳跳糖加载
基于H5+css+JavaScript实现跳跳糖加载
24 0
用纯JavaScript实现的微信二维码图片生成器
QRCode.js是javascript实现二维码(QRCode)制作生成库。 QRCode.js有着良好的跨浏览器兼容性(高版本使用HTML5的 Canvas,低版本IE使用table元素绘制),而且QRCode.js没有任何依赖。只需要引用一个JS。
1017 0
用原生javascript实现最简单的发布者-订阅者模式
http://www.cnblogs.com/surahe/p/6065778.html    发布—订阅模式可以广泛应用于异步编程中,这是一种替代传递回调函数的方案。比如,我们可以订阅 ajax 请求的 error 、 succ 等事件。
829 0
十大经典排序算法的 JavaScript 实现
  计算机领域的都多少掌握一点算法知识,其中排序算法是《数据结构与算法》中最基本的算法之一。排序算法可以分为内部排序和外部排序,内部排序是数据记录在内存中进行排序,而外部排序是因排序的数据很大,一次不能容纳全部的排序记录,在排序过程中需要访问外存。
1135 0
JavaScript小效果的实现(笔记)
在学习一些JavaScript效果,做一些实现效果笔记,顺便整理一下思路。 LightBox效果实现: <!DOCTYPE html> <meta charset="utf-8"> <html> <head> <title>Lightbox效果</title> <style type="text/cs
1147 0
Javascript日期格式化指定格式的字符串实现
代码部分 TypeScript 1 /** 2 * format a Date object 3 * 将 Date 转化为指定格式的String 4 * @param {Date} date 源日期对象 5 * @param {string...
818 0
javascript实现中国各大城市快速下拉选择
如果开发中遇到需要输入城市名的页面,那么这个特效可以帮助快速输入。这是一个纯js实现的效果,可以快速的输入城市名称,支持鼠标点击选择,输入城市的拼音或者拼音首字母,使用方便。可以在输入框中通过点击生成包含中国各个城市的下拉列表,进行快速选择,快速切换定位。体验效果:http://hovertree.
2081 0
在Javascript中实现伪哈希表
了解数据结构的人应该都听说过哈希表这种数据结构,它是一种典型的利用键值对存储并检索数据的一种非线性结构,又称散列表或杂凑法。在一般的线性表结构中,数据的相对位置是随机的,即数据和用于检索的关键字之间不存在确定的关系,检索数据时往往需要进行一系列的比较,最终找到要检索的数据,这种方法往往建立在循环比较的机制上,利用时间的代价节省了空间,实现了数据的存储和检索功能。
865 0
+关注
文章
问答
文章排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
编程语言如何演化—— 以 JS 的 private 为例
立即下载
JS 语言在引擎级别的执行过程
立即下载