Spring Boot + Angular文件上传无法两次上传同一文件

这个：

formData.append("selectFile", this.data);
@H_404_5@
对此：
formData.append("file", this.data);
@H_404_5@
原因
public ResponseEntity<String> handleFileUpload(@RequestParam("file")
@H_404_5@
   

          解决方法
   
                    
    Chrome中网络下的错误

    { timeStamp: ......,status: 400
  error: 'Bad Request',message: 'Required request part 'file' is not present'
  path: 'url as hosted on Tomcat'
}


    Spring Boot Controller.java文件

    @PostMapping("/Post")
public ResponseEntity<String> handleFileUpload(@RequestParam("file") 
MultipartFile file){ String Message=""; try .......(and so on)}


    我的角度组件

    <form [formGroup]="uploadForm" (ngSubmit) = "onSubmit()">
<input type="file" id="selectFile" formControlName="file1" name="selectFile"
(change)="fileEvent($event)"/>

<input type="submit" name="Submit"/>
</form>


    Component.ts文件

    fileEvent(e) {
 this.data = e.target.files[0];
}
omSubmit() {
  let headers: any = new Headers();
  headers.append('Content-type','undefined');
  let formData = new FormData();
  formData.append("selectFile",this.data);
  const req5 = new HttpRequest('POST','url as hosted on TOMCAT',formData,reportProgress: true,responseType: 'text'
  });
  return this.httpClient.request(req5).subscribe(e => {(
  console.log(e);
  )}
}


    我在哪里出错？
                
   
   


   
    
   

   

   

    
     喜欢与人分享编程技术与工作经验，欢迎加入编程之家官方交流群！
    

    
      编程之家官方1群
    
    
      编程之家官方2群
    
    
      编程之家官方3群
    
    
      编程之家官方4群

formData.append("file", this.data);
@H_404_5@
原因
public ResponseEntity<String> handleFileUpload(@RequestParam("file")
@H_404_5@
  

          解决方法
  
                    
   Chrome中网络下的错误

   { timeStamp: ......,status: 400
  error: 'Bad Request',message: 'Required request part 'file' is not present'
  path: 'url as hosted on Tomcat'
}


   Spring Boot Controller.java文件

   @PostMapping("/Post")
public ResponseEntity<String> handleFileUpload(@RequestParam("file") 
MultipartFile file){ String Message=""; try .......(and so on)}


   我的角度组件

   <form [formGroup]="uploadForm" (ngSubmit) = "onSubmit()">
<input type="file" id="selectFile" formControlName="file1" name="selectFile"
(change)="fileEvent($event)"/>

<input type="submit" name="Submit"/>
</form>


   Component.ts文件

   fileEvent(e) {
 this.data = e.target.files[0];
}
omSubmit() {
  let headers: any = new Headers();
  headers.append('Content-type','undefined');
  let formData = new FormData();
  formData.append("selectFile",this.data);
  const req5 = new HttpRequest('POST','url as hosted on TOMCAT',formData,reportProgress: true,responseType: 'text'
  });
  return this.httpClient.request(req5).subscribe(e => {(
  console.log(e);
  )}
}


   我在哪里出错？
                
  
  


  
   
  

  

  

   
    喜欢与人分享编程技术与工作经验，欢迎加入编程之家官方交流群！
   

   
     编程之家官方1群
   
   
     编程之家官方2群
   
   
     编程之家官方3群
   
   
     编程之家官方4群

public ResponseEntity<String> handleFileUpload(@RequestParam("file")
@H_404_5@
 

          解决方法
 
                    
  Chrome中网络下的错误

  { timeStamp: ......,status: 400
  error: 'Bad Request',message: 'Required request part 'file' is not present'
  path: 'url as hosted on Tomcat'
}


  Spring Boot Controller.java文件

  @PostMapping("/Post")
public ResponseEntity<String> handleFileUpload(@RequestParam("file") 
MultipartFile file){ String Message=""; try .......(and so on)}


  我的角度组件

  <form [formGroup]="uploadForm" (ngSubmit) = "onSubmit()">
<input type="file" id="selectFile" formControlName="file1" name="selectFile"
(change)="fileEvent($event)"/>

<input type="submit" name="Submit"/>
</form>


  Component.ts文件

  fileEvent(e) {
 this.data = e.target.files[0];
}
omSubmit() {
  let headers: any = new Headers();
  headers.append('Content-type','undefined');
  let formData = new FormData();
  formData.append("selectFile",this.data);
  const req5 = new HttpRequest('POST','url as hosted on TOMCAT',formData,reportProgress: true,responseType: 'text'
  });
  return this.httpClient.request(req5).subscribe(e => {(
  console.log(e);
  )}
}


  我在哪里出错？
                
 
 


 
  
 

 

 

  
   喜欢与人分享编程技术与工作经验，欢迎加入编程之家官方交流群！
  

  
    编程之家官方1群
  
  
    编程之家官方2群
  
  
    编程之家官方3群
  
  
    编程之家官方4群

{ timeStamp: ......,status: 400
  error: 'Bad Request',message: 'Required request part 'file' is not present'
  path: 'url as hosted on Tomcat'
}

@PostMapping("/Post")
public ResponseEntity<String> handleFileUpload(@RequestParam("file") 
MultipartFile file){ String Message=""; try .......(and so on)}

<form [formGroup]="uploadForm" (ngSubmit) = "onSubmit()">
<input type="file" id="selectFile" formControlName="file1" name="selectFile"
(change)="fileEvent($event)"/>

<input type="submit" name="Submit"/>
</form>

fileEvent(e) {
 this.data = e.target.files[0];
}
omSubmit() {
  let headers: any = new Headers();
  headers.append('Content-type','undefined');
  let formData = new FormData();
  formData.append("selectFile",this.data);
  const req5 = new HttpRequest('POST','url as hosted on TOMCAT',formData,reportProgress: true,responseType: 'text'
  });
  return this.httpClient.request(req5).subscribe(e => {(
  console.log(e);
  )}
}

对此：

原因

Chrome中网络下的错误

Spring Boot Controller.java文件

我的角度组件

Component.ts文件

我在哪里出错？

对此：

formData.append("file", this.data);
@H_404_5@
原因
public ResponseEntity<String> handleFileUpload(@RequestParam("file")
@H_404_5@
  

          解决方法
  
                    
   Chrome中网络下的错误

   { timeStamp: ......,status: 400
  error: 'Bad Request',message: 'Required request part 'file' is not present'
  path: 'url as hosted on Tomcat'
}


   Spring Boot Controller.java文件

   @PostMapping("/Post")
public ResponseEntity<String> handleFileUpload(@RequestParam("file") 
MultipartFile file){ String Message=""; try .......(and so on)}


   我的角度组件

   <form [formGroup]="uploadForm" (ngSubmit) = "onSubmit()">
<input type="file" id="selectFile" formControlName="file1" name="selectFile"
(change)="fileEvent($event)"/>

<input type="submit" name="Submit"/>
</form>


   Component.ts文件

   fileEvent(e) {
 this.data = e.target.files[0];
}
omSubmit() {
  let headers: any = new Headers();
  headers.append('Content-type','undefined');
  let formData = new FormData();
  formData.append("selectFile",this.data);
  const req5 = new HttpRequest('POST','url as hosted on TOMCAT',formData,reportProgress: true,responseType: 'text'
  });
  return this.httpClient.request(req5).subscribe(e => {(
  console.log(e);
  )}
}


   我在哪里出错？
                
  
  


  
   
  

  

  

   
    喜欢与人分享编程技术与工作经验，欢迎加入编程之家官方交流群！
   

   
     编程之家官方1群
   
   
     编程之家官方2群
   
   
     编程之家官方3群
   
   
     编程之家官方4群

public ResponseEntity<String> handleFileUpload(@RequestParam("file")
@H_404_5@
 

          解决方法
 
                    
  Chrome中网络下的错误

  { timeStamp: ......,status: 400
  error: 'Bad Request',message: 'Required request part 'file' is not present'
  path: 'url as hosted on Tomcat'
}


  Spring Boot Controller.java文件

  @PostMapping("/Post")
public ResponseEntity<String> handleFileUpload(@RequestParam("file") 
MultipartFile file){ String Message=""; try .......(and so on)}


  我的角度组件

  <form [formGroup]="uploadForm" (ngSubmit) = "onSubmit()">
<input type="file" id="selectFile" formControlName="file1" name="selectFile"
(change)="fileEvent($event)"/>

<input type="submit" name="Submit"/>
</form>


  Component.ts文件

  fileEvent(e) {
 this.data = e.target.files[0];
}
omSubmit() {
  let headers: any = new Headers();
  headers.append('Content-type','undefined');
  let formData = new FormData();
  formData.append("selectFile",this.data);
  const req5 = new HttpRequest('POST','url as hosted on TOMCAT',formData,reportProgress: true,responseType: 'text'
  });
  return this.httpClient.request(req5).subscribe(e => {(
  console.log(e);
  )}
}


  我在哪里出错？
                
 
 


 
  
 

 

 

  
   喜欢与人分享编程技术与工作经验，欢迎加入编程之家官方交流群！
  

  
    编程之家官方1群
  
  
    编程之家官方2群
  
  
    编程之家官方3群
  
  
    编程之家官方4群

{ timeStamp: ......,status: 400
  error: 'Bad Request',message: 'Required request part 'file' is not present'
  path: 'url as hosted on Tomcat'
}

@PostMapping("/Post")
public ResponseEntity<String> handleFileUpload(@RequestParam("file") 
MultipartFile file){ String Message=""; try .......(and so on)}

<form [formGroup]="uploadForm" (ngSubmit) = "onSubmit()">
<input type="file" id="selectFile" formControlName="file1" name="selectFile"
(change)="fileEvent($event)"/>

<input type="submit" name="Submit"/>
</form>

fileEvent(e) {
 this.data = e.target.files[0];
}
omSubmit() {
  let headers: any = new Headers();
  headers.append('Content-type','undefined');
  let formData = new FormData();
  formData.append("selectFile",this.data);
  const req5 = new HttpRequest('POST','url as hosted on TOMCAT',formData,reportProgress: true,responseType: 'text'
  });
  return this.httpClient.request(req5).subscribe(e => {(
  console.log(e);
  )}
}

原因

Chrome中网络下的错误

Spring Boot Controller.java文件

我的角度组件

Component.ts文件

我在哪里出错？

原因

public ResponseEntity<String> handleFileUpload(@RequestParam("file")
@H_404_5@
 

          解决方法
 
                    
  Chrome中网络下的错误

  { timeStamp: ......,status: 400
  error: 'Bad Request',message: 'Required request part 'file' is not present'
  path: 'url as hosted on Tomcat'
}


  Spring Boot Controller.java文件

  @PostMapping("/Post")
public ResponseEntity<String> handleFileUpload(@RequestParam("file") 
MultipartFile file){ String Message=""; try .......(and so on)}


  我的角度组件

  <form [formGroup]="uploadForm" (ngSubmit) = "onSubmit()">
<input type="file" id="selectFile" formControlName="file1" name="selectFile"
(change)="fileEvent($event)"/>

<input type="submit" name="Submit"/>
</form>


  Component.ts文件

  fileEvent(e) {
 this.data = e.target.files[0];
}
omSubmit() {
  let headers: any = new Headers();
  headers.append('Content-type','undefined');
  let formData = new FormData();
  formData.append("selectFile",this.data);
  const req5 = new HttpRequest('POST','url as hosted on TOMCAT',formData,reportProgress: true,responseType: 'text'
  });
  return this.httpClient.request(req5).subscribe(e => {(
  console.log(e);
  )}
}


  我在哪里出错？
                
 
 


 
  
 

 

 

  
   喜欢与人分享编程技术与工作经验，欢迎加入编程之家官方交流群！
  

  
    编程之家官方1群
  
  
    编程之家官方2群
  
  
    编程之家官方3群
  
  
    编程之家官方4群

{ timeStamp: ......,status: 400
  error: 'Bad Request',message: 'Required request part 'file' is not present'
  path: 'url as hosted on Tomcat'
}

@PostMapping("/Post")
public ResponseEntity<String> handleFileUpload(@RequestParam("file") 
MultipartFile file){ String Message=""; try .......(and so on)}

<form [formGroup]="uploadForm" (ngSubmit) = "onSubmit()">
<input type="file" id="selectFile" formControlName="file1" name="selectFile"
(change)="fileEvent($event)"/>

<input type="submit" name="Submit"/>
</form>

fileEvent(e) {
 this.data = e.target.files[0];
}
omSubmit() {
  let headers: any = new Headers();
  headers.append('Content-type','undefined');
  let formData = new FormData();
  formData.append("selectFile",this.data);
  const req5 = new HttpRequest('POST','url as hosted on TOMCAT',formData,reportProgress: true,responseType: 'text'
  });
  return this.httpClient.request(req5).subscribe(e => {(
  console.log(e);
  )}
}

Chrome中网络下的错误

Spring Boot Controller.java文件

我的角度组件

Component.ts文件

我在哪里出错？

Java 2022/1/1 18:13:37 有756人围观

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进，让解决方法与时俱进

请先登录

Spring Boot + Angular文件上传无法两次上传同一文件

解决方法

解决方法

解决方法

解决方法

解决方法

解决方法

撰写回答

推荐问题

我应该在Spring Boot项目上的哪里存储开发凭证？

JsonResult在ASP.NET CORE 2.1中返回Json

如何在Spring MVC中使用AJAX渲染视图

当我尝试在Spring Boot应用程序中将自定义错误传递给客户端时发生异常

Java Import package.* vs import package.SpecificType

在mysql sproc中使用变量作为表名

在JavaScript中删除数组元素-Delete与Splice

使用Spring Functional Web Framework的REST端点的背压

Spring Boot Jersey和监视URL

带有Hibernate 5和Spring 4的程序化SchemaExport / SchemaUpdate

Spring JdbcTemplate“插入..选择...”不起作用

JasperReports fillReport太慢且消耗资源

Spring JSP页面未评估

Spring Security自定义过滤器

Spring MVC验证继承的类

Spring Boot CSS被剥离

spring同步方法NOT SYNCHRONIZED

是否可以从eclispe中的mysql表生成带有休眠注释的java类文件

如何使用JSON，jQuery将复杂对象数组发布到ASP.NET MVC Controller？

在Spring MVC控制器中反序列化单属性JSON有效负载

分类汇总

您的鼓励是对我最大的支持