DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery入門技巧 >> 利用jQuery異步上傳文件的插件用法詳解
利用jQuery異步上傳文件的插件用法詳解
編輯:JQuery入門技巧     

現在想實現用ajax來上傳文件的功能,但是卻發現Jquery自帶的ajax方法只能上傳文件名,而不能上傳文件;用form提交雖然能夠上傳文件,但是卻要刷新頁面。。。多方查找下找到了一個可用的jQuery插件,剛好可以滿足異步上傳文件的要求。

代碼

jquery.form.js

用法

這個插件是基於表單提交的,我們只要正常的寫一段提交文件的表單,如:

<form id="myForm" action="comment.php" method="post" enctype="multipart/form-data">
  <input type="file" name="name" />
  <input type="submit" value="Submit Comment" />
</form>

然後在js中加上如下代碼:

<html>
<head>
  <script src="jquery.js"></script>
  <script src="jquery.form.js"></script>
  <script>
    $(document).ready(function() {
      $('#myForm').ajaxForm(function(data) {
        alert(data);
      });
    });
  </script>
</head>

這樣就可以監聽表單的提交事件,把它變成ajax傳送到後台,然後將後台返回的信息從data中獲取。如此一來就可以用ajax通信來傳輸文件了。

以上所述是小編給大家介紹的利用jQuery異步上傳文件的插件用法詳解,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對網站的支持!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved