分享一个HTML5的上传jQuery插件 - jQuery HTML5 uploader
2012-11-01 13:36
453 查看
随着HTML5的使用越来越被大家接受,基于HTML5的技术和插件也会变得越来越广泛,今天我们介绍一款基于HTML5和jQuery的上传插件: jQuery HTML5 uploader。
使用这个插件将会使得文件上传变得简单和有趣,你只需要拖拽文件到页面特定区域就可以上传文件。
在线演示
在线下载
postUrl: 文件数据处理URL
onClientAbort: 读取操作终止时调用
onClientError: 出错时调用
onClientLoad: 读取操作成功时调用
onClientLoadEnd: 无论是否成功,读取完成时调用。通常在onload和onerror后调用
onClientLoadStart: 读取将要开始时调用
onClientProgress: 数据在读取过程中周期性调用
onServerAbort: post操作结束时调用
onServerError: 错误发生时调用
onServerLoad: post操作成功时调用
onServerLoadStart: post数据将要开始时调用
onServerProgress: 数据正在被post的过程中周期性调用
onServerReadyStateChange: 一个javascript功能对象无论任何时候readyState属性变化时调用。callback由用户界面现成调用。
使用这个插件将会使得文件上传变得简单和有趣,你只需要拖拽文件到页面特定区域就可以上传文件。
在线演示
在线下载
使用方法:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.html5uploader.min.js"></script> <script type="text/javascript"> $(function() { $("#dropbox, #multiple").html5Uploader({ name: "foo", postUrl: "bar.aspx" }); }); </script> <div id="dropbox"></div> <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由用户界面现成调用。
相关文章推荐
- 分享一个HTML5的上传jQuery插件 - jQuery HTML5 uploader
- 分享一个HTML5的上传jQuery插件 - jQuery HTML5 uploader
- 分享一个HTML5的上传jQuery插件 - jQuery HTML5 uploader
- 分享一个超炫HTML5开发的jQuery进度条插件 - percentageloader
- 分享一个超炫HTML5开发的jQuery进度条插件 - percentageloader
- 分享一个超炫HTML5开发的jQuery进度条插件 - percentageloader
- 分享一个自己动手写的jQuery分页插件
- 分享一个jquery插件,jquery时间选择器,欢迎大家点评......
- 使用HTML5和jQuery插件Quicksand实现一个超酷的星际争霸2兵种分类展示效果
- 分享一个最具有灵活性的jQuery幻灯插件 - Rhinoslider
- 一个非常棒的jQuery 评分插件--好东西要分享
- 分享一个超棒的jQuery的单页面滚动导航设计插件 - jQuery one page nav
- 基于jQuery仿uploadify的HTML5图片上传控件jquery.html5uploader
- 分享一个针对触摸设备优化的图片幻灯jQuery插件 - touchtouch
- 一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子
- 写一个限制上传文件大小和格式的jQuery插件
- jquery fileuploader文件上传插件:CSS致使IE6崩溃
- webuploader多线程上传文件,jquery插件webuploader多线程上传-百度webuploader教程7
- webuploader上传文件后的回调处理,jquery插件webuploader上传成功后怎么获取文件数据-百度webuploader教程9
- 分享一个超棒的免费jQuery幻灯插件:Nivo Slider