javascript - 录制音频并发送到 Symfony

Question

我想简单地录制音频并将文件发送到我的 Controller 。我正在使用https://addpipe.com/simple-recorderjs-demo/录制我的音频，效果很好。但是当我想实际发送我的 Symfony 4 项目中的任何内容时，它永远不会收到任何内容。所以我想我手动重新制作一个插入了音频 Blob 的表单，但也不起作用。

有什么想法可以实现这一点吗？任何正确方向的线索都会很棒!

我尝试过简单地将音频文件插入到现有表单中，但出于安全原因，不再允许这样做。

    var formElement = document.querySelector("form");
    var formData = new FormData(formElement);
    var request = new XMLHttpRequest();
    request.open("POST", "http://127.0.0.1/index.php/processaudio");
    formData.set("form_file", blob, 'file');
    request.send(formData);

Answer 1

试试这个:

var formElement = document.querySelector("form");
var formData = new FormData(formElement);
var request = new XMLHttpRequest();
request.open("POST", "http://127.0.0.1/index.php/processaudio");
var fileSelect = document.getElementById("fileSelect");
if(fileSelect.files && fileSelect.files.length == 1){
    var file = fileSelect.files[0]
    formData.set("file", file , file.name);
    request.send(formData);
}

fileSelect是输入文件的id

参见:https://dev.to/imben1109/html-form-ajax-file-upload-front-end-2klc

或者如果你想使用jquery

How to use FormData for ajax file upload