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

Menggunakan FormData untuk Muat Naik Fail AJAX Asynchronous

Untuk memanfaatkan FormData untuk muat naik fail AJAX, langkah penting ialah terlibat.

Persediaan

Gunakan elemen borang pertama jQuery untuk menyuap FormData() untuk pemprosesan:

var form = $('form')[0]; // Use standard JavaScript object
var formData = new FormData(form);

Sebagai alternatif, pilih data khusus untuk FormData():

var formData = new FormData();
formData.append('section', 'general');
formData.append('action', 'previewImg');
formData.append('image', $('input[type=file]')[0].files[0]); // Attach file

Menghantar Borang

Buat permintaan Ajax menggunakan jQuery:

$.ajax({
    url: 'Your url here',
    data: formData,
    type: 'POST',
    contentType: false, // Essential, do not omit (from jQuery 1.6+)
    processData: false, // Essential, do not omit
    // ... Other options like success, etc.
});

Permintaan ini akan menyerahkan data seperti borang biasa dengan pengekodan "multipart/form-data".

Nota:

• "Jenis: 'POST'" adalah wajib, kerana penghantaran fail memerlukan permintaan POST.
• "contentType: false" hanya tersedia dari jQuery 1.6 dan seterusnya.

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