javascript - 处理 BLOB 并上传使用 recorder.js 和 HTML5 记录的 .wav 文件

Question

参考此对话的最后一个答案： Question-Answer-Session 我无法调试和修复文件并正确运行代码。我看到它被标记为有用且正确。有人可以帮助我了解解决此问题所需的文件结构吗？我无法运行此代码。

• 主要问题：我正在尝试将录制的音频保存到服务器。
• 我的 BLOB 网址是：blob:http%3A//localhost/7bc08d6c-8862-45b5-b567-040fd14ef4aa
• 我正在使用 recorder.js

谢谢！

Answer 1

const constructUploadData = (file: any, data: { audioQueueId: string | Blob; fileName: string | Blob }) => {
    const formData = new FormData();
    formData.append('audioQueueId', data.audioQueueId);
    formData.append('fileName', data.fileName);
    if (file) {
        formData.append('file', new Blob(file ? [file] : [], { type: file.type }));
    }
    return formData;
};
     


const uploadAudioInBackground = (file: any, data: any) => {
    return axios.post(`clip/upload`, constructUploadData(file, data), {
        headers: { 'Content-Type': 'multipart/form-data' }
    });
};