HTML 5的上传jQuery插件jQuery HTML5 uploader怎么用

本篇文章为大家展示了HTML 5的上传jQuery插件jQuery HTML5 uploader怎么用，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。

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

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

在线演示  在线下载

使用方法：

<script type="text/javascript" class="lazy" data-src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> <script type="text/javascript" class="lazy" data-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由用户界面现成调用。

上述内容就是HTML 5的上传jQuery插件jQuery HTML5 uploader怎么用，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注编程网行业资讯频道。