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

本篇文章為大家展示了HTML 5的上傳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由用戶界面現成調用。

上述內容就是HTML 5的上傳jQuery插件jQuery HTML5 uploader怎么用，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注億速云行業資訊頻道。