上传录音文件到后端

package-lock.json

@@ -6643,6 +6643,11 @@
         }
       }
     },
+    "jquery": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.0.tgz",
+      "integrity": "sha512-JVzAR/AjBvVt2BmYhxRCSYysDsPcssdmTFnzyLEts9qNwmjmu4JTAMYubEfwVOSwpQ1I1sKKFcxhZCI2buerfw=="
+    },
     "js-audio-recorder": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/js-audio-recorder/-/js-audio-recorder-1.0.7.tgz",

package.json

@@ -21,6 +21,7 @@
     "@angular/router": "~11.0.9",
     "@types/dom-mediacapture-record": "^1.0.10",
     "@videogular/ngx-videogular": "^4.0.0",
+    "jquery": "^3.6.0",
     "js-audio-recorder": "^1.0.7",
     "ng2-file-upload": "^1.4.0",
     "recorder-core": "^1.1.21080800",

src/app/main/main.component.ts

@@ -3,6 +3,7 @@ import { FileUploader } from 'ng2-file-upload';
 import { EnvironmentModel, StaticAnalysisResult } from '../class/scene';
 import { BestScenarioService } from '../service/best-scenario.service';
 import { DomSanitizer } from '@angular/platform-browser';  
+import * as $ from "jquery";
 
 
 /********加载RecordApp需要用到的支持文件*********/
@@ -221,9 +222,9 @@ export class MainComponent implements OnInit {
           recordBtn.textContent = "record";
           this.authorized=false;
 
-          let files = new window.File([blob],"audio.wav", {type: "wav"})
+          let file = new window.File([blob],"audio.wav", {type: "wav"})
 
-          console.log(files)
+          // console.log(file)
           // this.audioURL=window.URL.createObjectURL(blob)
           //已经拿到blob文件对象想干嘛就干嘛：立即播放、上传
 
@@ -238,21 +239,34 @@ export class MainComponent implements OnInit {
           
           // this.upload(this.audioUploader,files.name)
 
-          let formData = new FormData()
-          formData.append('file',blob,'audio.wav');
-          console.log(formData)
 
+
+          var fd = new FormData();
+          fd.append('fname', 'audio.wav');
+          fd.append('file', file);
+          console.log(fd.get('fname'))
+          console.log(fd.get('file'))
           $.ajax({
-              url: '/visual/upload',
               type: 'POST',
+              url: 'http://localhost:8085/visual/upload',
+              data: fd,
               processData: false,
-              contentType: false,
-              cache: false,
-              data: formData,
-              success(res) {
-                  console.log("上传完成!")
-              }
-          })
+              contentType: false
+          }).done(function(data) {
+                console.log(data);
+          });
+
+          // $.ajax({
+          //     url: '/visual/upload',
+          //     type: 'POST',
+          //     processData: false,
+          //     contentType: false,
+          //     cache: false,
+          //     data: formData,
+          //     success(res) {
+          //         console.log("上传完成!")
+          //     }
+          // })