分享一个HTML5的上传jQuery插件:jQueryHTML5uploader

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

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

在线演示  在线下载

使用方法:

 
 
 
 
  1. $(function() {
  2.     $("#dropbox, #multiple").html5Uploader({
  3.         name: "foo",
  4.         postUrl: "bar.aspx"    
  5.     });
  6. });
  • 参数设定:

    ◆ 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

    当前题目:分享一个HTML5的上传jQuery插件:jQueryHTML5uploader
    本文来源:http://www.csdahua.cn/qtweb/news26/361876.html

    网站建设、网络推广公司-快上网,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

    广告

    声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 快上网

    成都快上网为您推荐相关内容

    网站营销知识

    行业网站建设