Bagaimana untuk Memuat naik Objek Blob ke Pelayan Menggunakan JavaScript dan jQuery?

Memuat naik Gumpalan dengan JavaScript

Dalam artikel ini, kami akan meneroka cara memuat naik objek gumpalan, seperti data audio yang dirakam menggunakan Chrome getUserMedia() dan Recorder.js, ke pelayan menggunakan JavaScript.

Masalah:

Kami mempunyai objek gumpalan dengan data bunyi, tetapi memerlukan bantuan dengan memuat naiknya ke pelayan menggunakan kaedah siaran jQuery.

Penyelesaian:

Untuk memuat naik gumpalan, kami boleh menggunakan API FormData. Pendekatan ini perlu kerana kaedah siaran jQuery menjangkakan data borang.

Pelaksanaan jQuery:

1. Buat objek FormData baharu.
2. Tambahkan blob data ke FormData menggunakan fd.append('data', soundBlob).
3. Tetapkan processData dan contentType kepada palsu dalam tetapan jQuery.ajax untuk menghalang jQuery daripada memproses data borang secara automatik. Ini membolehkan kami memuat naik data gumpalan mentah.
4. Hantar objek FormData ke pelayan menggunakan jQuery.ajax.

Kod Contoh:

<code class="javascript">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>

Dengan mengikut langkah ini, anda boleh berjaya memuat naik data gumpalan ke pelayan menggunakan JavaScript dan jQuery.

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