javascript怎么将Blob作为对象使用

问题描述

我使用javascript（使用recordRTC）录制了视频，现在我将其作为Blob：

 mediaRecorder.onstop = (ev)=>{    
     let blob = new Blob(chunks, { 'type' : 'video/mp4;' });
    chunks = [];
    let videoURL = window.URL.createObjectURL(blob);
    vidSave.src = videoURL;  
     var file = new File([blob], 'video.mp4', {
         type: 'video/mp4'
     });
    invokeSaveAsDialog(file);

    // my attempt to send this blod //
    let req = new XMLHttpRequest();
    let formData = new FormData();
    formData.append("video", blob);                                
    req.open("POST", 'http://localhost:8081/avi/recieveAndParseVideo');
    req.send(formData);
     //
}

现在我正尝试将其发送到我不知道的后端应用程序，我创建了一个Java方法：

@PostMapping("/recieveAndParseVideo")
    public String uploadingPost(@RequestBody MultipartFile uploadingFile) throws IllegalStateException, IOException {

        System.out.println(uploadingFile);
        File file = new File("C://" + uploadingFile.getOriginalFilename());
        uploadingFile.transferTo(file);

        return file.getName();
    }

当我执行顶级javascript方法时，它将引发此异常：

Access to XMLHttpRequest at 'http://localhost:8081/avi/recieveAndParseVideo' from origin 'http://localhost:4200' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

家伙，我什至不知道这是否是通过javascript发送帖子的正确方法，并且我的Java代码正确接收文件吗？

javascript怎么将Blob作为对象使用的内容不知道朋友们看清楚了吗？来爱站技术频道网站，每天带你了解不一样的技术文章资讯。更多内容尽在js.aizhan.com。