首頁 > web前端 > js教程 > 主體

利用jQuery異步上傳檔案的外掛用法分享

小云云
發布: 2017-12-31 16:45:36
原創
1272 人瀏覽過

現在想實作用ajax來上傳文件的功能,但卻發現Jquery自帶的ajax方法只能上傳文件名,而不能上傳文件;用form提交雖然能夠上傳文件,但是卻要刷新頁面。 。 。多方查找下找到了一個可用的jQuery插件,剛好可以滿足異步上傳檔案的要求。本文主要介紹了利用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通訊來傳輸檔案了。

相關推薦:

詳解表單上傳實作ajax檔案非同步上傳

詳解ajax fileupload異步上傳外掛

#原生js實作檔案非同步上傳的方法

以上是利用jQuery異步上傳檔案的外掛用法分享的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板