关闭

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

标签: 文件上传组件flashjqueryajaxphpasp
3280人阅读 评论(0) 收藏 举报
文件上传组件(Flash,JQuery,asp,php,js,AJAX)
2011-06-30 22:04
 FancyUpload 
FancyUpload是一个采用Flash与Ajax(MooTools)技术实现包含上传进度条的多文件上传组件,类似于SWFUpload。

FancyUpload

 Mootools  

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

jqUploader

 jQuery  

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

Ext UploadForm

 ExtJs  

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

SwfUploadPanel

 ExtJs Widgets  

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

Yahoo! UI Library: Uploader

 YUI  

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

jQuery Multiple File Upload Plugin

 jQuery  

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

dhtmlxVault

 

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

jQuery: Ajax file upload

 jQuery  

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

uploadify

 jQuery Php  

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

jcUpload

 jQuery 



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

JSUpload

 

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

jQuery Image Cropper with Uploader

 Image jQuery  

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

Plupload

 

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

noSWFUpload

 

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

SWFUpload

 

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

Ajax Upload

 

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

Agile Uploader

 

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

RightJS

 AutoComplete Color DatePicker Framework Slider  

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

0
0
查看评论

不刷新页面的PHP与Jquery AJAX文件上传

这里只拿图片上传做例子: 前端页面 多文件上传 提交 js代码 $(document).ready(function(){ $(...
  • zs2538596
  • zs2538596
  • 2017-03-16 11:11
  • 770

PHP + jQuery Ajax文件无刷新上传文件

PHP + jQuery Ajax文件上传实例。因为看到一些朋友询问如何实现PHP环境下的网页上传功能,自己这几天刚用了jQuery_upload_multiple上传插件,所以在这里把用法给大家说一下。 要实现基于这个插件的上传功能,其实挺简单,需要jquery就行了,另外还有一个上传文件时的P...
  • longjef
  • longjef
  • 2016-10-21 20:10
  • 559

不借助js插件和flash实现不跳转上传文件

1、html页面代码 2、js代码 //选择上传文件 $("#uploadBtn").click(function(){ $("#uploadFile").trigger("click"); }); //...
  • sunmingf
  • sunmingf
  • 2017-05-24 20:27
  • 639

asp+jquery+ajax+json实例

asp: 层    次: 全部 <% sql="select studykindid,studykind from studykindlist" rs.open sql,DB,1,1 do until rs.eof %> &q...
  • lyflcear
  • lyflcear
  • 2012-05-30 13:12
  • 13601

PHP + jQuery实现ajax文件即时上传 预览

参考:http://www.helloweba.com/view-blog-189.html .demo{width:620px; margin: 15px 165px;} .demo p{line-height:32px} .btn{position: relat...
  • zh89233
  • zh89233
  • 2015-02-10 13:45
  • 1606

jquery+ajax+struts实现文件上传

首先在前段引入jquery.js和ajaxfileupload.js文件,一般引入放在最后面,这样可以通过jquery的jQuery.noConflict();方法避免冲突,其中jquery.js和ajaxfileupload.js建议放于引入的js中的最后面,比较容易解决冲突。引入js ...
  • topwqp
  • topwqp
  • 2013-01-08 09:39
  • 7958

简单的jquery ajax文件上传功能

/* * 图片上传 * 注意如果不加processData:false和contentType:false会报错 */ function uploadImage(image) { var imageForm = new FormData(); ...
  • tongdengquan
  • tongdengquan
  • 2016-11-15 14:10
  • 765

PHP Ajax JavaScript 实现 无刷新附件上传

普通表单 前端页面 后台处理 带有文件的表单 刷新方式 前端界面 后台页面 无刷新方式 大文件上传 POST极值 upload极值 上传细节 前端页面 后台处理 总结对一个网站而言,有一个基本的不可缺少的功能,那就是文件上传。使用PHP预压来实现文件上传可谓是有得天独厚的优势的,那么今天,就一起来做...
  • Marksinoberg
  • Marksinoberg
  • 2016-08-16 07:45
  • 6233

jQuery ajaxFileUpload文件上传之前端

1、html部分: 上传 浏览 ...
  • jsdxshi
  • jsdxshi
  • 2017-04-06 10:52
  • 839

jquery ajax 上传普通数据/单个文件/文件数组

1.如题三种情况都有时的写法: var formData = new FormData(); formData.append("普通数据名1",普通数据); formData.append('单个文件名',document.getElementB...
  • yu2015java
  • yu2015java
  • 2017-05-30 16:18
  • 1619
    个人资料
    • 访问:556644次
    • 积分:5850
    • 等级:
    • 排名:第5216名
    • 原创:116篇
    • 转载:126篇
    • 译文:3篇
    • 评论:36条
    最新评论