Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Menggunakan FormData untuk Muat Naik Fail AJAX Asynchronous dengan jQuery?

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

Linda Hamilton
Lepaskan: 2024-12-12 21:42:14
asal
500 orang telah melayarinya

How Can I Use FormData for Asynchronous AJAX File Uploads with 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);
Salin selepas log masuk

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
Salin selepas log masuk

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.
});
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan