利用jQuery異步上傳文件的插件用法詳解
更新時間：2017年07月19日 09:26:51 作者：Myths
這篇文章主要介紹了利用jQuery異步上傳文件的插件用法詳解,需要的朋友可以參考下
現(xiàn)在想實現(xiàn)用ajax來上傳文件的功能，但是卻發(fā)現(xiàn)Jquery自帶的ajax方法只能上傳文件名，而不能上傳文件；用form提交雖然能夠上傳文件，但是卻要刷新頁面。。。多方查找下找到了一個可用的jQuery插件，剛好可以滿足異步上傳文件的要求。
代碼
用法
這個插件是基于表單提交的，我們只要正常的寫一段提交文件的表單，如：
<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)聽表單的提交事件，把它變成ajax傳送到后臺，然后將后臺返回的信息從data中獲取。如此一來就可以用ajax通信來傳輸文件了。
以上所述是小編給大家介紹的利用jQuery異步上傳文件的插件用法詳解，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
Ben最近在負(fù)責(zé)一個購書網(wǎng)站，在網(wǎng)站的首頁上，有一個叫做“最新上架”的板塊，板塊的內(nèi)容比較簡單，只有書籍名稱，作者姓名和上架時間（如圖），當(dāng)初設(shè)計的時候并i沒有過于豐富的構(gòu)思2010-10-10
改善網(wǎng)頁的用戶體驗，可以從以下幾個方面入手：菜單欄，tab，登錄/注冊，搜索，以及404頁面。對于每一方面的優(yōu)化，Gevin分別向大家推薦一個自己私藏的jquery插件，希望對大家有幫助，也歡迎大家多多交流2011-05-05
下面小編就為大家?guī)硪黄猨Query 常用代碼集錦(必看篇)。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考，一起跟隨小編過來看看吧2016-05-05
jQuery.ajax 跨域請求webapi設(shè)置headers的解決方案
需要通過服務(wù)器端設(shè)置響應(yīng)頭、正確響應(yīng)options請求，正確設(shè)置 JavaScript端需要設(shè)置的headers信息方能實現(xiàn)，本文介紹的非常詳細(xì)，具有參考借鑒價值，需要的朋友可以參考下2016-08-08
本文給大家分享的是使用jquery實現(xiàn)表單驗證并阻止非法提交的代碼，思路非常不錯，這里推薦給小伙伴們參考下。2015-07-07
這篇文章主要為大家詳細(xì)介紹了jquery實現(xiàn)樓層滾動效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-01-01
打開空白新窗口，再給新窗口的localtion賦值，需要的朋友可以參考下2012-08-08
jquery trigger偽造a標(biāo)簽的click事件取代window.open方法
這篇文章主要介紹了使用jquery trigger 觸發(fā)a標(biāo)簽的click事件取代window.open方法,需要的朋友可以參考下2014-06-06
jQuery設(shè)置和移除文本框默認(rèn)值的方法
這篇文章主要介紹了jQuery設(shè)置和移除文本框默認(rèn)值的方法,實例分析了jQuery操作文本框的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
這篇文章主要介紹了jQuery事件委托代碼實踐詳解， 事件委托是利用事件冒泡，只指定一個事件處理程序來管理某一類型的所有事件。,需要的朋友可以參考下2019-06-06