如何将音频 blob 发布到服务器 javascript 和 php

Question

我正在尝试使用 JS 和 HTML 将一个音频 blob 文件（由客户端麦克风的录音制成）发送到我可以保存的服务器。我已经尝试使用 FormData，因此我可以根据我称为 ID 的变量将文件与名称相关联。

我正在尝试使用 php 脚本将 FormData 发布到我服务器上的某个位置，但它给我留下了一个没有名称也没有数据（0 字节）的文件。

当媒体记录器停止时，我的 javascript 包括以下功能：

 mediaRecorder.onstop = function(e) {

        audioBlob = new Blob(audioChunks, {type:'audio/ogg'});

        blobUrl = URL.createObjectURL(audioBlob);

        var formData = new FormData();

        formData.append('audio',audioBlob);

        formData.append('name',String(ID,".ogg"))

         $.ajax({

        type: 'POST',

        url: 'audiosaver.php',

        data: formData,

        cache: false,

        contentType: "multipart/form-data",

        processData: false,

    })

和 php：

 <?php

$post_data = file_get_contents('php://input'); 

$name = "data/".$post_data;

$data = var_dump($_FILES);

file_put_contents($name, $data);

?>

我在我的服务器上的数据文件夹中收到一个名为“-.ogg”的文件，它是 0 字节。我的 XHR 响应负载表示 array(0) {} 和 XHR 请求负载参数包括：

 -----------------------------3054348293122

Content-Disposition: form-data; name="audio"; filename="blob"

Content-Type: audio/ogg

然后是一堆我认为是以文本形式编码的音频的数据。

Answer 1

我只是通过反复试验弄清楚了，所以它可能不是最优化的方法。但是从我得到的信息来看，如果你通过 POST 方法发送文件或 blob，那么它会转到$_FILES变量，如果你发送任何其他东西，那么它会转到$_REQUEST方法。所以在 Chrome 中对我有用的代码，我认为默认保存为 .WAV，是（在 php 标签之间）：$data = file_get_contents($_FILES['audio']['tmp_name']);&nbsp; &nbsp;&nbsp;$fp = fopen("saved_audio/" . $_REQUEST["name"] . '.wav', 'wb');fwrite($fp, $data);fclose($fp);