甜橘子，专注成都网站制作网站设计与营销型网站建设与优化

QQ :532337155
电话：028-86922220
 
成都网站建设设计

将想法与焦点和您一起共享

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

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

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

在线演示  在线下载

使用方法：

 
 
 
 
    
  
  
  
  
    2. 
  
  
  
  
    3. 
  
  
  
  
    4. 
  
  
  
  
  4. $(function() { 
    5. 
  
  
  
  
  5.     $("#dropbox, #multiple").html5Uploader({ 
    6. 
  
  
  
  
  6.         name: "foo", 
    7. 
  
  
  
  
  7.         postUrl: "bar.aspx"     
    8. 
  
  
  
  
  8.     }); 
    9. 
  
  
  
  
  9. }); 
    10. 
  
  
  
  
  10.

    • 参数设定：

    ◆ 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://chengdu.cdxwcx.cn/article/dpjeiio.html

    其他资讯