jQuery是一款非常流行的JavaScript框架,提供了很多便捷的方法,可以方便地操作DOM元素、處理事件、使用Ajax等。在使用jQuery時,我們經(jīng)常需要進行文件上傳,并使用POST方式提交文件。下面先介紹如何在HTML頁面中添加文件上傳表單。
<form enctype="multipart/form-data"> <input type="file" name="file"> <input type="submit" value="上傳"> </form>
上面的代碼定義了一個文件上傳表單,enctype屬性指定了表單提交的編碼方式為multipart/form-data。接下來讓我們看一下如何使用jQuery來提交文件。
$('form').submit(function(event) { event.preventDefault(); //禁止表單默認提交 var formData = new FormData($(this)[0]); $.ajax({ url: 'upload.php', //處理上傳文件的PHP文件 type: 'POST', data: formData, processData: false, //禁止jquery對formdata的處理,需要自處理 contentType: false, //禁止jquery對Content-Type的設置,需要自處理 success: function(data) { console.log('文件上傳成功'); } }); });
上面的代碼通過jQuery的$.ajax方法發(fā)送POST請求提交文件,注意需要設置兩個請求頭(processData和contentType)為false,否則會默認設置為application/x-www-form-urlencoded。最后,服務器端通過處理上傳文件的PHP文件來處理文件的上傳。
上一篇jquery語言國際化
下一篇jquery選項卡視頻