javascript - 如何将 blob url 数据保存在目录中

Question

我正在处理录音。现在我想把录制的音频直接保存在我们本地。当我录制音频时，它会返回 blob URL，例如:

Blob :http://example.com/7737-4454545-545445 .

当我点击这个 URL 时，它会播放录制的音频。现在我将该 blob URL 从 js 发送到 PHP 脚本以保存您的本地目录，但它不起作用。

我该怎么做？

Answer 1

Blob URL 生命周期链接到 document，它从 Blob 或 File< 创建了 Blob URL/ 对象。 Blob URL 无法作为存储在 snapshot state 的 Blob 的引用发布到服务器.参见 Blob URL Store .

您可以使用 fetch()、Response.blob() 获取 Blob URL 的 Blob 表示, 将 FormData 发送到服务器。

// `blobURL` : `"blob:http://example.com/7737-4454545-545445"`
fetch(blobUrl).then(response => response.blob())
.then(blob => { 
  const fd = new FormData();
  fd.append("fileName", blob, "file.ext"); // where `.ext` matches file `MIME` type  
  return fetch("/path/to/server", {method:"POST", body:fd})
})
.then(response => response.ok)
.then(res => console.log(res))
.catch(err => console.log(err));