利用jQuery異步上傳檔案的外掛用法分享
- 小云云原創
- 2017-12-31 16:45:361250瀏覽
現在想實作用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通訊來傳輸檔案了。
相關推薦：
以上是利用jQuery異步上傳檔案的外掛用法分享的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn