Bagaimanakah Saya Boleh Menggunakan jQuery untuk Mengendalikan Muat Naik Fail dengan FormData?

Muat Naik Fail Menggunakan Pensirilan jQuery

Apabila menyerahkan borang dengan medan muat naik fail menggunakan fungsi serialize() jQuery, mendapatkan semula data fail boleh mencabar. Tidak seperti elemen borang lain, input fail tidak boleh disirikan ke dalam rentetan.

Untuk memintas pengehadan ini, anda boleh menggunakan objek FormData. FormData menyediakan cara untuk mengekod data borang, termasuk fail, ke dalam format yang lebih sesuai untuk penyerahan.

Berikut ialah coretan kod yang menunjukkan cara mengendalikan muat naik fail dengan FormData:

$(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 pendekatan ini, pembina FormData menangkap semua elemen borang, termasuk input fail. Dengan menetapkan processData kepada false dan contentType kepada false, jQuery tidak akan cuba menyiri data, membenarkan penyemak imbas mengendalikan muat naik fail dengan betul.

Di bahagian pelayan, data fail boleh diakses melalui Tatasusunan superglobal $_FILES, sama seperti dalam senario muat naik fail tradisional.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggunakan jQuery untuk Mengendalikan Muat Naik Fail dengan FormData?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!