Bagaimana untuk Memuat naik Blob ke Pelayan Menggunakan jQuery?

Memuat naik Blob dalam JavaScript

Memuat naik gumpalan data, seperti data audio atau video yang dirakam menggunakan API HTML5, ke pelayan ialah tugas biasa dalam aplikasi web. Artikel ini menunjukkan cara menggunakan JavaScript, khususnya jQuery, untuk memuat naik gumpalan ke pelayan.

Kaedah Muat Naik Fail jQuery

Kaedah jQuery post() , seperti yang digunakan dalam coretan kod yang disediakan, tidak sesuai untuk memuat naik data binari seperti gumpalan. Sebaliknya, API FormData disyorkan untuk tujuan ini.

Mencipta Objek FormData

Untuk menggunakan FormData, cipta objek FormData baharu dan tambahkan data yang diperlukan padanya. Dalam contoh yang disediakan, tambahkan nama fail dan data gumpalan pada objek FormData:

<code class="javascript">var fd = new FormData();
fd.append('fname', 'test.wav');
fd.append('data', soundBlob);</code>

Permintaan AJAX dengan jQuery

Seterusnya, gunakan kaedah $.ajax() jQuery untuk menghantar Objek FormData sebagai permintaan berbilang bahagian/data bentuk. Tentukan jenis permintaan, URL dan data, dan tetapkan processData dan contentType kepada false:

<code class="javascript">$.ajax({
    type: 'POST',
    url: '/upload.php',
    data: fd,
    processData: false,
    contentType: false
}).done(function(data) {
       console.log(data);
});</code>

Kod ini menghantar data gumpalan bersama-sama dengan nama fail ke skrip PHP sebelah pelayan di /upload.php , dan mencatatkan respons.

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