這篇文章給大家分享的是有關如何使用jQuery HTML5和FormData上傳文件的內容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

公司主營業(yè)務：網站制作、網站建設、移動網站開發(fā)等業(yè)務。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網宣傳，提高企業(yè)的競爭能力。成都創(chuàng)新互聯(lián)是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領域給我們帶來的挑戰(zhàn)，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。成都創(chuàng)新互聯(lián)推出鄆城免費做網站回饋大家。

$('#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技巧就能有效的實現(xiàn)。這里有一些技巧可以使這些代碼以我們期望的方式工作：

當我們創(chuàng)建FormData的實例時，我們傳遞form [0]而不是form。它的意思是實際的表單元素，但不是jQuery選擇器。

我們只是傳遞false而不是定義contentType。這意味著jQuery不向請求添加 Content-Type頭部。

我們設置processData為false，所以，jQuery不會將我們的data值（以FormData為基礎）轉換為字符串。

感謝各位的閱讀！關于如何使用jQuery HTML5和FormData上傳文件就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

本文名稱：如何使用jQueryHTML5和FormData上傳文件
本文來源：http://chinadenli.net/article20/iegojo.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供外貿網站建設、手機網站建設、網站制作、全網營銷推廣、網站排名、網站設計公司

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)