在angularjs和spring rest服务中上传带有其他表单字段的图片

<form ng-submit="submitForm()" enctype="multipart/form-data">
  <input type="text" ng-model="formData.name" placeholder="Name">
  <input type="file" file-model="formData.file">
  <button type="submit">Submit</button>
</form>

app.controller('MainCtrl', function($scope, $http) {
  $scope.formData = {};

  $scope.submitForm = function() {
    var fd = new FormData();
    fd.append('name', $scope.formData.name);
    fd.append('file', $scope.formData.file);

    $http.post('/upload', fd, {
      transformRequest: angular.identity,
      headers: {'Content-Type': undefined}
    }).then(function(response) {
      // 处理上传成功后的逻辑
    }, function(error) {
      // 处理上传失败后的逻辑
    });
  };
});

@RestController
public class UploadController {

  @PostMapping("/upload")
  public ResponseEntity<String> uploadFile(@RequestParam("name") String name,
                                           @RequestParam("file") MultipartFile file) {
    // 处理其他表单字段
    // ...

    // 处理文件上传
    if (!file.isEmpty()) {
      try {
        String fileName = file.getOriginalFilename();
        // 保存文件到服务器指定位置
        file.transferTo(new File("/path/to/save/" + fileName));
        return ResponseEntity.ok("File uploaded successfully");
      } catch (Exception e) {
        return ResponseEntity.status(HttpStatus.INTERNAL_SERVER_ERROR).body("Failed to upload file");
      }
    } else {
      return ResponseEntity.badRequest().body("No file found");
    }
  }
}