分享一個(gè)HTML 5的上傳jQuery插件:jQuery HTML5 uploader
隨著HTML5的使用越來越被大家接受，基于HTML5的技術(shù)和插件也會(huì)變得越來越廣泛，今天我們介紹一款基于HTML5和jQuery的上傳插件: jQuery HTML5 uploader。
使用這個(gè)插件將會(huì)使得文件上傳變得簡(jiǎn)單和有趣，你只需要拖拽文件到頁面特定區(qū)域就可以上傳文件。
使用方法：
- <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>
參數(shù)設(shè)定：
◆ name: 上傳字段標(biāo)示
◆ postUrl: 文件數(shù)據(jù)處理URL
◆ onClientAbort: 讀取操作終止時(shí)調(diào)用
◆ onClientError: 出錯(cuò)時(shí)調(diào)用
◆ onClientLoad: 讀取操作成功時(shí)調(diào)用
◆ onClientLoadEnd: 無論是否成功，讀取完成時(shí)調(diào)用。通常在onload和onerror后調(diào)用
◆ onClientLoadStart: 讀取將要開始時(shí)調(diào)用
◆ onClientProgress: 數(shù)據(jù)在讀取過程中周期性調(diào)用
◆ onServerAbort: post操作結(jié)束時(shí)調(diào)用
◆ onServerError: 錯(cuò)誤發(fā)生時(shí)調(diào)用
◆ onServerLoad: post操作成功時(shí)調(diào)用
◆ onServerLoadStart: post數(shù)據(jù)將要開始時(shí)調(diào)用
◆ onServerProgress: 數(shù)據(jù)正在被post的過程中周期性調(diào)用
◆ onServerReadyStateChange: 一個(gè)javascript功能對(duì)象無論任何時(shí)候readyState屬性變化時(shí)調(diào)用。callback由用戶界面現(xiàn)成調(diào)用。
原文：http://www.cnblogs.com/gbin1/archive/2011/11/18/2254212.html
【編輯推薦】
