javascript 如何上传 blob？

我有一个这样结构的 blob 数据：

Blob {type: "audio/wav", size: 655404, slice: function}
size: 655404
type: "audio/wav"
__proto__: Blob

它实际上是使用最新的 Chrome 录制的声音数据getUerMedia() and 记录器.js https://github.com/mattdiamond/Recorderjs

如何使用 jquery 的 post 方法将此 blob 上传到服务器？我尝试过这个但没有任何运气：

   $.post('http://localhost/upload.php', { fname: "test.wav", data: soundBlob }, 
    function(responseText) {
           console.log(responseText);
    });

您可以使用表单数据接口 https://developer.mozilla.org/en-US/docs/DOM/XMLHttpRequest/FormData.

如果您正在使用jquery.ajax，你需要设置processData: false and contentType: false.

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);
});