分享一个HTML 5的上传jQuery插件:jQuery HTML5 uploader

开发 前端
随着HTML5的使用越来越被大家接受,基于HTML5的技术和插件也会变得越来越广泛,今天我们介绍一款基于HTML5和jQuery的上传插件: jQuery HTML5 uploader。

随着HTML5的使用越来越被大家接受,基于HTML5的技术和插件也会变得越来越广泛,今天我们介绍一款基于HTML5和jQuery的上传插件: jQuery HTML5 uploader。

使用这个插件将会使得文件上传变得简单和有趣,你只需要拖拽文件到页面特定区域就可以上传文件。

在线演示  在线下载

使用方法:

  1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> 
  2. <script type="text/javascript" src="js/jquery.html5uploader.min.js"></script> 
  3. <script type="text/javascript"> 
  4. $(function() {  
  5.     $("#dropbox, #multiple").html5Uploader({  
  6.         name: "foo",  
  7.         postUrl: "bar.aspx"      
  8.     });  
  9. });  
  10. </script> 
  11. <div id="dropbox"></div> 
  12. <input id="multiple" type="file" multiple> 

参数设定:

◆ name: 上传字段标示

◆ postUrl: 文件数据处理URL

◆ onClientAbort: 读取操作终止时调用

◆ onClientError: 出错时调用

◆ onClientLoad: 读取操作成功时调用

◆ onClientLoadEnd: 无论是否成功,读取完成时调用。通常在onload和onerror后调用

◆ onClientLoadStart: 读取将要开始时调用

◆ onClientProgress: 数据在读取过程中周期性调用

◆ onServerAbort: post操作结束时调用

◆ onServerError: 错误发生时调用

◆ onServerLoad: post操作成功时调用

◆ onServerLoadStart: post数据将要开始时调用

◆ onServerProgress: 数据正在被post的过程中周期性调用

◆ onServerReadyStateChange: 一个javascript功能对象无论任何时候readyState属性变化时调用。callback由用户界面现成调用。

原文:http://www.cnblogs.com/gbin1/archive/2011/11/18/2254212.html

【编辑推荐】

  1. 15个值得开发者关注的jQuery开发技巧和心得
  2. 使用HTML 5、CSS3和jQuery增强网站用户体验
  3. 11月30个让你网站更炫的jQuery插件推荐
  4. JNotify:一个消息通知jQuery插件
  5. 10月10款有趣强大的jQuery插件推荐
责任编辑:陈贻新 来源: GBin1.com
相关推荐

2013-08-30 10:02:48

2014-12-15 10:30:16

jQuery

2011-12-12 10:08:39

jQuery MobiHTML5

2015-11-16 10:08:28

jQueryHTML5地图插件

2013-01-24 10:26:04

HTML5HTML 5HTML5的未来

2015-01-13 11:19:19

2014-07-22 10:58:33

HTML5jQuery

2012-06-20 11:19:04

jQuery

2011-05-13 17:36:05

HTML

2013-08-21 10:31:22

HTML5工具

2013-08-08 10:00:01

Amazon AppsHTML5

2012-11-20 10:16:47

JQuery MobiHTML5移动应用

2011-03-23 09:33:51

HTML 5

2023-03-16 09:00:00

HTML5HTML语言

2013-10-21 15:24:49

html5游戏

2012-05-28 15:31:57

App-UI

2010-02-05 09:28:13

HTML5Flash

2012-09-11 13:34:27

HTML5JS

2020-10-09 11:02:46

HTML5 特性

2012-06-05 10:48:23

点赞
收藏

51CTO技术栈公众号