Bagaimana untuk Memuat naik Gumpalan ke Pelayan Menggunakan jQuery?

Memuat naik Gumpalan dalam JavaScript

Apabila bekerja dengan audio yang dirakam pengguna atau data lain dalam penyemak imbas, pembangun mungkin menghadapi keperluan untuk memuat naik gumpalan kepada pelayan. Gumpalan ialah objek data binari yang tidak boleh dihantar terus menggunakan permintaan HTTP tradisional.

Satu penyelesaian popular untuk memuat naik gumpalan ialah menggunakan API FormData. Pendekatan ini membenarkan pembangun menambahkan gumpalan pada objek FormData, yang kemudiannya boleh dihantar ke pelayan menggunakan permintaan JQuery POST.

Melaksanakan Muat Naik Blob dengan jQuery

Kepada muat naik gumpalan menggunakan jQuery, ikut langkah berikut:

1. Buat objek FormData: Cipta objek FormData baharu dan tambahkan gumpalan padanya.
2. Lumpuhkan pemprosesan data dan tetapan jenis kandungan: Tetapkan processData dan contentType kepada palsu dalam pilihan permintaan jQuery AJAX. Ini menghalang jQuery daripada cuba menukar gumpalan kepada rentetan, yang tidak diperlukan untuk data binari.
3. Tetapkan pilihan permintaan dan muat naik: Tentukan URL skrip sebelah pelayan yang akan mengendalikan muat naik dan menyediakan objek FormData sebagai data.

Contoh Kod:

<code class="js">var fd = new FormData();
fd.append('fname', 'test.wav');
fd.append('data', soundBlob);
$.ajax({
    type: 'POST',
    url: '/upload.php',
    data: fd,
    processData: false,
    contentType: false
}).done(function(data) {
    console.log(data);
});</code>

Pendekatan ini membolehkan pembangun JavaScript memuat naik gumpalan dengan cekap ke pelayan tanpa memerlukan perpustakaan tambahan atau penukaran data.

Atas ialah kandungan terperinci Bagaimana untuk Memuat naik Gumpalan ke Pelayan Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!