首页 > 解决方案 > 将 webm blob 制作成文件以上传到服务器

问题描述

我正在开发一个带录音的聊天软件。

我想将 webm 文件上传到 cloudinary,如果你能把它变成一个文件,这会起作用。

此代码将记录的数据转换为 webm 文件并将其下载到我的计算机上。这是为了测试录音是否真的有效。

现在我需要把它变成一个文件并上传它。

我不知道如何将其完全转换为我不会立即下载的文件

 function handleStop(recordedBlob) {
   console.log('recordedBlob is: ', recordedBlob);
   const fileName = chatId + '-' + Date.now() + '-' + author;

   const a = document.createElement('a');
   a.download = `${fileName}.webm`;
   a.href = recordedBlob.blobURL;
   a.click();

   setNewAudioFile(//SHOULD BE A WEBM FILE);
 }

标签: javascriptreactjsblobwebm

解决方案


data = new FormData();
data.append('file', recordedBlob);

    $.ajax({
        url: "http://localhost:3000/uploadaudio",
        type: "POST",
        data: data,
        processData: false,
        contentType: false,
        success: function(data) {


        },
        error: function(e) {
            alert("failure");
        }
    });

}

推荐阅读