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传给接口就可以啦

上一篇:再学JavaScript ES(6-11)全版本语法大全


下一篇:007-Golang1.17源码分析之mutex