vue 前端实现上传录音功能

所用到的技术+原理

// 音频文件上传示例
new Blob()// Binary Large Object 二进制类型的大对象，Blob是JavaScript内建对象，表示不可变的原始数据，类似文件的对象。
// https://developer.mozilla.org/zh-CN/docs/Web/API/Blob/Blob

// let aBlob = new Blob( array, options );

let dataBlob = new Blob([音频文件原数据], { type: 'audio/basic' }) //不要去处理发送的数据


const formData = new FormData()
formData.append('file', dataBlob, 'audio.mp3')//append参数均需前后端统一


new FormData()  
// 1.用一些键值对来模拟一系列表单控件：即把form中所有表单元素的name与value组装成一个请求参数
// 2.异步上传二进制文件
// FormData对象的操作方法，全部在原型中，自己本身没任何的属性及方法

let formData = new FormData()
formData.append('user', '小明')
formData.get('user')  //小明
formData.delete('user')

具体实现代码：

let dataBlob = new Blob([音频文件原数据], { type: 'audio/basic' }) //不要去处理发送的数据
const formData = new FormData()
formData.append('file', dataBlob, 'audio.mp3')

将formData传给接口就可以啦