无手册的Tomcat+Java+Angular框架中添加3个文件上传表单求助

Hey Wilmer, let's work through your file upload form challenge in your Tomcat-based Java+Angular stack. First, let's cover both fixing your existing approach and tools you can use for standalone form windows:

Chances are copying existing classes didn't work because file upload requires specific handling that regular form submissions don't. Here's how to adjust your current code:

• Java Backend: If you're using Spring MVC (common in Java+Tomcat setups), add MultipartFile support to your controller method:

  @PostMapping("/upload-to-db")
  public ResponseEntity<String> uploadFile(@RequestParam("file") MultipartFile file, @RequestParam("formData") String formData) throws IOException {
      // Convert file to byte array for BLOB storage
      byte[] fileBytes = file.getBytes();
      // Save fileBytes and parse/formData to your database
      return ResponseEntity.ok("Upload successful");
  }
  

  Don't forget to configure a MultipartResolver bean if you're not using Spring Boot (which auto-configures it).
• Angular Frontend: Use FormData to send files and form data together:

  onSubmit(file: File, formValues: any) {
    const formData = new FormData();
    formData.append('file', file);
    formData.append('formData', JSON.stringify(formValues));
    // Open submission in new window
    const uploadWindow = window.open('', '_blank');
    this.http.post('/api/upload-to-db', formData).subscribe({
      next: res => uploadWindow?.document.write('<p>Upload completed!</p>'),
      error: err => uploadWindow?.document.write(`<p>Error: ${err.message}</p>`)
    });
  }
  

If you want to build separate forms outside your existing Angular setup, these tools play nicely with Tomcat:

• Thymeleaf: A Java-based template engine that integrates seamlessly with Tomcat. You can write clean HTML forms with file upload support, tie them directly to Java servlets or Spring controllers, and open them as new windows. Example form snippet:

  <form method="POST" enctype="multipart/form-data" action="/standalone-upload" target="_blank">
    <input type="file" name="uploadedFile" required>
    <input type="text" name="relatedRecordId" placeholder="Related Record ID">
    <button type="submit">Save File to Database</button>
  </form>
  

• JSP (JavaServer Pages): Tomcat has native support for JSP, so no extra setup is needed. You can write a JSP page that handles file upload via request.getPart("file"), processes the data, and saves it to the database directly. It's a quick way to build standalone form windows without frontend frameworks.
• Vaadin: A full-stack Java framework that lets you build UI components (including file upload) entirely in Java. You can create a standalone upload window, package it as a WAR file, and deploy it to Tomcat. Vaadin handles the frontend heavy lifting, so you don't need to write HTML/JS unless you want to.

• Make sure Tomcat allows file uploads: If using raw servlets, add a multipart-config section to your web.xml or annotate your servlet with @MultipartConfig. For Spring Boot, set properties like spring.servlet.multipart.max-file-size in your application.properties.
• For database storage, use a LONGBLOB field (not BLOB) if you're handling larger files—most databases limit BLOB to ~64KB.
• When opening new windows, host the standalone forms on the same Tomcat instance to avoid CORS issues, or adjust your server's CORS settings if cross-origin access is necessary.

内容的提问来源于stack exchange，提问作者Wilmer Hilaquita