利用jQuery異步上傳文件的插件用法分享

來源：懂視網責編：小采時間：2020-11-27 20:08:02

利用jQuery異步上傳文件的插件用法分享

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

推薦度：

點擊下載本文 文檔為doc格式

導讀利用jQuery異步上傳文件的插件用法分享:現在想實現用ajax來上傳文件的功能，但是卻發現Jquery自帶的ajax方法只能上傳文件名，而不能上傳文件；用form提交雖然能夠上傳文件，但是卻要刷新頁面。多方查找下找到了一個可用的jQuery插件，剛好可以滿足異步上傳文件的要求。本文主要介紹了利用jQu

現在想實現用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通信來傳輸文件了。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

利用jQuery異步上傳文件的插件用法分享

推薦度：

點擊下載本文 文檔為doc格式

標簽：上傳文件插件使用插件

熱門焦點

利用jQuery異步上傳文件的插件用法分享

利用jQuery異步上傳文件的插件用法分享

利用jQuery異步上傳文件的插件用法分享

最新推薦

猜你喜歡

熱門推薦