溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

利用jQuery異步上傳文件的插件用法詳解

發(fā)布時(shí)間：2020-10-26 02:47:25 來(lái)源：腳本之家 閱讀：139 作者：Myths 欄目：web開(kāi)發(fā)

現(xiàn)在想實(shí)現(xiàn)用ajax來(lái)上傳文件的功能，但是卻發(fā)現(xiàn)Jquery自帶的ajax方法只能上傳文件名，而不能上傳文件；用form提交雖然能夠上傳文件，但是卻要刷新頁(yè)面。。。多方查找下找到了一個(gè)可用的jQuery插件，剛好可以滿足異步上傳文件的要求。

代碼

jquery.form.js

用法

這個(gè)插件是基于表單提交的，我們只要正常的寫一段提交文件的表單，如：

<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>

這樣就可以監(jiān)聽(tīng)表單的提交事件，把它變成ajax傳送到后臺(tái)，然后將后臺(tái)返回的信息從data中獲取。如此一來(lái)就可以用ajax通信來(lái)傳輸文件了。

以上所述是小編給大家介紹的利用jQuery異步上傳文件的插件用法詳解，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)億速云網(wǎng)站的支持！

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手