Bagaimana untuk Menghantar Borang Muat Naik Fail Menggunakan jQuery Ajax?

Muat Naik Fail Menggunakan Pensirian jQuery

Anda mempunyai borang yang anda serahkan melalui Ajax menggunakan fungsi pensirilan jQuery. Walau bagaimanapun, anda menghadapi masalah apabila borang termasuk padang. Data borang bersiri tidak termasuk fail dan mencetak $_FILES menghasilkan hasil kosong.

Penyelesaian: Menggunakan Objek FormData

Untuk menyelesaikan isu ini, anda boleh menggunakan objek FormData. Ia serasi dengan mana-mana jenis borang, termasuk yang mempunyai input fail. Begini cara untuk melaksanakannya:

$(document).on("submit", "form", function(event) {
    event.preventDefault();
    $.ajax({
        url: $(this).attr("action"),
        type: $(this).attr("method"),
        dataType: "JSON",
        data: new FormData(this),
        processData: false,
        contentType: false,
        success: function (data, status) {

        },
        error: function (xhr, desc, err) {
            
        }
    });        
});

Dengan menggunakan objek FormData, anda boleh menghantar fail bersama data borang lain dalam permintaan Ajax. Pilihan processData dan contentType ditetapkan kepada palsu untuk menghalang jQuery daripada mengendalikan data dan jenis kandungan serta membenarkan penyemak imbas mengendalikan penyerahan borang dengan betul.

Atas ialah kandungan terperinci Bagaimana untuk Menghantar Borang Muat Naik Fail Menggunakan jQuery Ajax?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!