您好,登錄后才能下訂單哦!
現在想實現用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異步上傳文件的插件用法詳解,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。