阅读更多

15顶
0踩

Web前端
本文整理了7款基于JavaScript和AJAX的文件上传插件,这些插件基本上都能实现以下功能:

  • 多文件上传
  • 拖拽操作
  • 实时上传进度
  • 自定义上传限制
希望能为你的开发工作带来帮助。

1.  jQuery File Upload

具有多文件上传、拖拽、进度条和图像预览功能的文件上传插件,支持跨域、分块、暂停恢复和客户端图像缩放。可与任何服务端平台(如PHP、Python、Ruby on Rails、Java、Node.js、Go等)一起使用,支持标准的HTML表单文件上传。



2.  Pixelcone Fileuploader

使用HTML5 API的jQuery文件上传插件,支持AJAX上传和拖拽操作,以及针对老版本浏览器的iframe上传部件。有多种形式来实现多文件上传,每种形式由单一的上传脚本来控制。



3.  Ajax Upload

该插件使用XHR来上传多个文件,支持拖拽操作,可以在FF3.6+、Safari4+、Chrome等浏览器中完美运行。



4.  Plupload

这是一个针对CMS或类似系统的、高度可用的上传插件。支持分块、拖拽、图像缩放、限制文件大小、显示上传进度等。



5.  Uploadify

Uploadify是一个jQuery插件,帮助你在网站中轻松添加多文件上传功能,提供了两个版本(HTML5、Flash)。支持多文件上传、拖拽、实时进度显示,提供了大量的定制功能。



6.  Ajax File Upload

该插件是Ajaxupload插件的修改版本,不具备HTML5功能。



7.  jQuery FileDrop

该插件使用HTML5 API,允许用户从桌面拖动多个文件到浏览器中,并上传每个文件到用户指定的URL。该插件使用HTML5 FileReader()来读取文件数据。

英文原文:7 Javascript Ajax File Upload Plugins
  • 大小: 30.3 KB
  • 大小: 18.3 KB
  • 大小: 12.6 KB
  • 大小: 13 KB
  • 大小: 22 KB
  • 大小: 9.5 KB
15
0
评论 共 7 条 请登录后发表评论
7 楼 yhuang2000 2013-06-27 12:02
  
引用

    [*]
[img][/img][url][/url][flash=200,200][/flash]
[align=left][/align               ]
6 楼 Holic_XM 2012-07-09 10:21
楼主能不能教我第一个插件怎么用啊!!!
1.  jQuery File Upload
5 楼 corelengine 2012-05-21 11:58
一直用smartupload 自己搞,效果不好
感谢分享
4 楼 nowave2004 2012-05-15 10:18
一直用的这个 Uploadify ,对他进行了二次封装,
文件列表显示用成了grid,还能输入文件备注,选择文件类型等,灵活性比较大,
体验效果也还不错,就是设置成图片按钮的时候,flash加载按钮图片老是有点慢,
有解决这个问题的方法的,欢迎说下
3 楼 z276356445t 2012-05-15 09:41
mfkvfn 写道
有没有谁推荐一个可以上传大文件的插件。一般浏览器只能上传2GB-1B的文件。
要求可以上传2GB以上大文件,html或Flash文件上传都可以,要求支持IE7。

plupload应该可以吧,它支持将文件划分成多个段进行上传,支持的版本比较多,有html4,html5,flash,silverlight
2 楼 mfkvfn 2012-05-15 09:11
有没有谁推荐一个可以上传大文件的插件。一般浏览器只能上传2GB-1B的文件。
要求可以上传2GB以上大文件,html或Flash文件上传都可以,要求支持IE7。
1 楼 因为青所以涩 2012-05-15 08:46
支持楼主,好东西,对于多文件上传的整理,谢谢分享。

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • oracle在sql语句where后加条件判断

    WHERE (case when (case when pp.business_type = ‘LEASE’ then 1 else 0 end) = 1 then pp.business_type else pp.document_type end) = (case when (case when pp.business_type = ‘LEASE’ then 1 else 0 end)...

  • oracle where条件判断6,Oracle Where 子句_Oracle Where_Oracle 条件 - 树懒学堂

    Where是Oracle中的条件查询子句,...OracleWHERE子句简介WHERE子句指定SELECT语句返回符合搜索条件的行记录。下面说明了WHERE子句的语法:SELECTcolumn_1,column_2,...FROMtable_nameWHEREsearch_conditionORDER BYc...

  • oracle 里面加条件判断,Oracle中PL/SQL之IF条件判断语句的使用

    PL/SQL IF条件判断语句1、IF 语法:IF 条件 THEN 语句;END IF;例子:如果从控制台输入数字1则输出“我是数字1”--打开屏幕输出开关(默认没有打开的)set serveroutput on;--接受键盘输入,变量num:是一个地址值,在...

  • Oracle WHERE判断语句后跟括号 or

    关于Oracle WHERE后面跟判断语句问题 - 开发者知识库q 工作遇到一个问题:如果传入的分区变量 P_REPORT_TYPE 是’ALL‘时,那么就要将所有的公司编码 COMPANY_CODE 输出,但如果不是'ALL',那么就需要根据传入的另...

  • Oracle在where语句后添加日期限制条件

    语法: select t*,t.rowid from DataBaseName where time >= to_date(‘2020-6-1’,‘yyyy-mm-dd’) and time2 <= to_date(‘2020-7-24’,‘yyyy-mm-dd’) 或者是 select t*,t.rowid from DataBaseName where ...

  • ORACLE数据库where后条件为空判断

    在项目中针对where后的条件为空判断 一般情况下where后面的条件不能为null值,如果为null,可以加上 **is null** 即可 例如: select * from user where username is null

  • oracle多条件查询可能为空的不查询,oracle 查询语句后面的where条件为null就不需要...

    oracle 查询语句后面的where条件为null不需要select fee.deptid,sum(fee.feeamount) fy,fee.feetype,dep.deptname,ftype.paramname fylb,a.amount as hj from FEE_ACCOUNT feeinner join sys_dept dep on fee.deptid...

  • MySQL和Oracle中where条件语句的执行顺序

    面试的时候你可能遇到过面试官提出:SQL的书写顺序,SQL的执行(解析)顺序,WHERE条件执行顺序等问题。这篇文章就简要总结下上面的几个问题。 一、MySQL中SQL的书写顺序和执行顺序 sql编写顺序: select distinct…...

  • oracle中sql怎么加判断,sql条件判断语句

    sql 中的if 判断 语句应该怎么写sql中的if语句写法和java中差不多,都是先定义变量再使用变量进行判断。由于你的提问不是很清晰,我就自己的看法解答下你的问题:如果你指的是查询条件的话:select 需要查询的字段,...

  • oracle where语句非空判断的写法

    select * from 表名 where 字段名!=''or 字段名 is not null

  • oracle and和or的执行顺序,Oraclewhere语句中and,or,not的执行顺序

    Oracle where子句里面的and,or,not:1.a and b(顺序执行) (1)a,b同true则true, (2)a,b一false则false, [1]若a为Oracle where语句中and,or,not的执行顺序[日期:2011-04-07]来源:Linux社区作者:BOBO12082119[字体:]...

  • Oracle语句当条件为空跳过该条件,oracle中的条件控制语句

    oracle中的条件控制语句流程控制 :if(条件语句1)then{语句1}elsif {条件语句2}then{语句2}else {语句3}end if如declareni varchar(20);--定义变量beginselect xb into ni from a where xm='大哥'; --只接受单个值if...

  • Oracle where if

    Oracle where不能如其他sql直接添加if逻辑,只能使用case when select * from table_data t where (case when t.column_data='条件' then t.column_data when t.column_data='条件2' then t.rep_data )='条件3' ...

  • oracle数据库的where条件中的if else

    实现筛选用户表,性别为男,年龄大于20的用户信息;性别为女,年龄小于20的用户信息 select * from users where (sex='男' and age > 20) or (sex='女' and age <20);

  • oracle中where怎么跟Max条件,Oracle中where子句和having子句中的区别

    本文使用字段为oracle数据库中默认用户scott下面的emp表,sal代表员工工资,deptno代表部门编号。一、聚合函数聚合函数有时候也叫统计函数,它们的作用通常是对一组数据的统计,比如说求最大值,最小值,总数,平均...

  • 关于sql语句中where条件内添加case when的问题

    今天在项目中遇到一个这样的场景: A为汇总页面,显示的是按医院分组统计出来的一些数据,效果如下图 图中每一列都能下钻到另一个页面,医院名称和起始时间都作为参数传送。 前期因为某一些需求,有一家医院...

  • oracle if中过程判断,oracle的if判断语句

    ORACLE中触发器的判断IF语句加一行 NULL 即可例如:SQL> DECLARE2 testvalue INT;3 BEGIN4 testvalue := 200;56 IF testvalue > 100 THEN78 ELSIF testvalue = 100 THEN9 dbms_output.put_line( '100' );10 ...

  • oracle 动态拼接where条件,Oracle SQL 动态拼接Where后面的筛选条件

    创建自定义函数get_wave_query_param,用来拼接完整的Where条件 3. 定义sql字符,后面接上get_wave_query_param函数返回的筛选条件,通常情况下PL/SQL是不能直接运行的,需要用到execute immediate执行SQL,写入...

  • oracle 在where条件中写case when

    业务:当状态等于2时判断表中的userid 是否和当前登录人id相等 SELECT * FROM tbname t WHERE 1=1AND (CASE WHEN t.vc_state = '2' THEN t.vc_userId ELSE 当前登录人id END ) = 当前登录人id...

  • oracle 查询等于多个条件语句,Oracle Where子句

    在本教程中将学习如何使用Oracle WHERE子句来指定过滤的条件返回符合查询条件的行记录。Oracle WHERE子句简介WHERE子句指定SELECT语句返回符合搜索条件的行记录。下面说明了WHERE子句的语法:SELECTcolumn_1,column_...

Global site tag (gtag.js) - Google Analytics