如何使用 jQuery 將 Blob 上傳到伺服器？

在JavaScript 中上傳Blob

在瀏覽器中處理使用者錄製的音訊或其他資料時，開發人員可能會遇到上傳Blob 的需要到伺服器。 Blob 是二進位資料對象，無法使用傳統 HTTP 請求直接傳輸。

上傳 Blob 的一種流行解決方案是利用 FormData API。這種方法允許開發人員將 Blob 附加到 FormData 對象，然後可以使用 jQuery POST 請求將其傳送到伺服器。

使用jQuery 實作Blob 上傳

至使用jQuery 上傳blob，請依照下列步驟操作：

1. 建立物件： 建立一個新的FormData 物件並將blob附加到其中。
2. 停用資料處理和內容類型設定： 在 jQuery AJAX 請求選項中將 processData 和 contentType 設為 false。這可以防止 jQuery 嘗試將 blob 轉換為字串，這對於二進位資料來說是不必要的。
3. 設定請求選項並上傳：指定將要執行的伺服器端腳本的 URL處理上傳並提供 FormData 物件作為資料。

範例程式碼：

<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>

此方法可讓 JavaScript 開發人員有效地將 Blob 上傳到伺服器無需額外的程式庫或資料轉換。

以上是如何使用 jQuery 將 Blob 上傳到伺服器？的詳細內容。更多資訊請關注PHP中文網其他相關文章！