How to upload a blob with Multer? - node.js

Question

I have been following this video in order to know how to use Multer to upload files.
I have then implemented an image-upload feature in one Node.js app of mine.
Now I would like to use Multer to upload the contents of a blob containing audio data. What is the way to go? I already tried a bit following what I learned, but I already have some issues:
I am now dealing with audio data instead of graphic data.
I do not have a field name any more to put as an argument for the multer({ storage: storage }).single(...); function call.
I hope someone with experience (using Multer) will provide some guidance on this.
For reference, here is my code for when the upload button is clicked:
uploadVceRcd.onclick = e => {
var reader = new FileReader();
reader.onload = function(event) {
var fd = {};
fd["fname"] = "VoiceRecord_"+Date.now()+".opus";
fd["data"] = event.target.result;
$.ajax({
type: 'POST',
url: 'VoiceUpLoad',
id: document.getElementById('sentID').innerText,
data: fd,
dataType: 'text'
}).done(function(data) {
console.log('uploadAudio - Done !');
console.log(data);
});
};
reader.readAsDataURL(blob);
}
And here is my code for handling the matching VoiceUpLoad route inside index.js:
app.post('/VoiceUpLoad', function (req, res) {
upload(req, res, function (err) {
if (err) {
if (err instanceof multer.MulterError) {
// A Multer error occurred when uploading.
console.log('A Multer error occurred when uploading. !!!');
} else {
// An unknown error occurred when uploading.
console.log('A unknown error occurred when uploading. !!!');
console.log(err);
}
} else {
// Everything looks fine.
console.log('All seems OOKK !!!');
console.log(req.file);
if (req.file == undefined) {
console.log('req.file == undefined!!!');
} else {
console.log('SHOULD BE OOKK !!!');
.......
}
}
});
});
When I run this code I get the following in the logs:
... app[web.1]: All seems OOKK !!!
... app[web.1]: undefined
... app[web.1]: req.file == undefined!!!

Answer 1

You may use following code to upload the audio file,
reader.onload = function(event) {
var formData = new FormData();
formData.append('fname', "VoiceRecord_"+ Date.now() + ".opus")
formData.append('data', event.target.result)
$.ajax({
type: 'POST',
url: 'some/path',
data: formData,
contentType: false,
cache: false,
processData: false,
}).done(function(data) {
console.log('uploadAudio - Done !');
console.log(data);
});
});
Please try this I will explain it if it works.