早上好，我是Stackoverflow的新人。 请帮帮我。 我需要把视频上传到服务器上。 视频是使用mediarecording录制的，但我无法将视频传递给控制器，控制器将随后加载它。 我想通过点击保存按钮上传视频，但我不能实现的代码。 我尝试了ajax和FormData，但都不起作用。 我用的是Laravel 7框架。 这是HTML代码:

    <video  muted="muted" ></video>
    <video  id="vid2"  controls></video>
    <button id="btnStart" type="button">Rec</button>
    <button id="btnStop" type="button">Stop</button>
    <button id="btnSave" type="button">Save</button>

这是Javascript代码:

     let start = document.getElementById('btnStart');
        let stop = document.getElementById('btnStop');
        let save = document.getElementById('btnSave');
        let mediaRecorder = new MediaRecorder(mediaStreamObj);
        let chunks = [];

        start.addEventListener('click', (ev)=>{
            mediaRecorder.start();
            console.log(mediaRecorder.state);
        })

       save.addEventListener('click', (ev)=>{

            var fd = new FormData();

          fd.append('data', blob);
$.ajax({
    type: 'POST',
    url: '/videoRec/data,
    data: fd,
    processData: false,
    contentType: false
}).done(function(data) {
       console.log(data);
})
        })

        stop.addEventListener('click', (ev)=>{
            mediaRecorder.stop();
            console.log(mediaRecorder.state);
        });


        mediaRecorder.ondataavailable = function(ev) {
            chunks.push(ev.data);
        }
        mediaRecorder.onstop = (ev)=>{
            let blob = new Blob(chunks, { 'type' : 'video/mp4;' });
            chunks = [];
            let videoURL = window.URL.createObjectURL(blob);
            vidSave.src = videoURL;
        }
    })
    .catch(function(err) { 
        console.log(err.name, err.message); 
    });

这是控制器的路线:

Route::post('/videoRec/{data}','VideoController@save');

控制器的功能:

public function save(Request $req){


    }