分享一个HTML5的上传jQuery插件 - jQuery HTML5 uploader

随着HTML5的使用愈来愈被你们接受，基于HTML5的技术和插件也会变得愈来愈普遍，今天咱们介绍一款基于HTML5和jQuery的上传插件: jQuery HTML5 uploader。

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

 

 

在线演示   在线下载

使用方法：

<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