将.wav文件发送到后端

Question

I am currently using RecorderJS and need to send a .wav file to the backend. the API is quite limited in documentation so I am struggling to figure out how to send the .wav file through my axios.post(...).

I am able to download the .wav file with

Recorder.download(theblob, 'audio.wav');

this downloads a .wav file which I can play through itunes so it is the right format. I now need to figure out how to save this in a variable in order to post it through axios. Also, what should i use for me headers, .. ect?

Looking for any kind of javascript solution to this. I just need to send the exact downloaded file to my backend. Thanks!

Answer 1

The download method stores the file somewhere on your disk. I believe javascript cannot traverse your computer's path and read files for security reasons. I'm not sure if recorder-js offers storing it in a variable "out of the box", so you may want to get that handled first.

For your second part of the question:

This should work for posting it to the back-end:

let data = new FormData();

data.append('wavfile', file, file.name);

const config = {
  headers: { 'content-type': 'multipart/form-data' }
}
axios.post('/api/recorderfiles', data, config)