您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關如何使用jQuery HTML5和FormData上傳文件的內容。小編覺得挺實用的,因此分享給大家做個參考。一起跟隨小編過來看看吧。
$('#myform').on('sumbit', function(){ var form = $(this); var formdata = false; if (window.FormData) { formdata = new FormData(form[0]); } var formAction = form.attr('action'); $.ajax({ url : '/upload', data : formdata ? formdata : form.serialize(), cache : false, contentType : false, processData : false, type : 'POST', success : function(data, textStatus, jqXHR){ // Callback code } }); });
你不需要任何插件,flash或iframe技巧就能有效的實現。這里有一些技巧可以使這些代碼以我們期望的方式工作:
當我們創建FormData的實例時,我們傳遞form [0]而不是form。它的意思是實際的表單元素,但不是jQuery選擇器。
我們只是傳遞false而不是定義contentType。這意味著jQuery不向請求添加 Content-Type頭部。
我們設置processData為false,所以,jQuery不會將我們的data值(以FormData為基礎)轉換為字符串。
感謝各位的閱讀!關于如何使用jQuery HTML5和FormData上傳文件就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。