Multipart without RequestBody throws 415 - angularjs

Question

I have created simple rest method to upload and add file via multipart in Spring Boot.
I don't have any #RequestBody so I'm quite astonished why the browser throws 415 -> "Unsupported Media Type" Content type 'null' not supported
The controller looks like:
#RestController
#RequestMapping(value = "/api/file")
public class FileController {
#Autowired
private FileServiceImpl fileService;
#Autowired
private UserRepository userRepository;
#PreAuthorize("hasAnyAuthority('CLIENT')")
#RequestMapping(value = "", method = RequestMethod.POST, headers = "content-type=multipart/*", produces = "application/json", consumes = MediaType.APPLICATION_JSON_VALUE)
public File uploadFile(#RequestParam("uploadedFile") MultipartFile file, HttpServletRequest httpRequest) {
Principal name = httpRequest.getUserPrincipal();
if (name.getName() == null) {
throw new RuntimeException("Brak sesji");
}
User userByLogin = userRepository.findUserByLogin(name.getName());
File f = null;
if (!file.isEmpty()) {
try {
f = new File(file.getOriginalFilename(), file.getBytes(), file.getName(), file.getContentType(), new Date(), userByLogin);
} catch (IOException e) {
e.printStackTrace();
}
}
if (f != null) {
fileService.uploadFile(f);
}
return f;
}
}
At the frontend looks like
<div>
<label>Dodaj załącznik</label>
<input type="file" files-model="file" >
<button ng-click="addFile()">Dodaj</button>
</div>
$scope.addFile = function () {
FileService.save($scope.file);
}
The fail looks like:
{"timestamp":1491988354597,"status":415,"error":"Unsupported Media Type","exception":"org.springframework.web.HttpMediaTypeNotSupportedException","message":"Content type 'null' not supported","path":"/api/file"}

Answer 1

you have to append your file in formData.
<div>
<label></label>
<input type="file" files-model="file" id="file" >
<button ng-click="addFile()">Dodaj</button>
</div>
$scope.addFile = function () {
var file = document.getElementById("file").files[0];
var formData = new FormData();
formData.append("file", file);
FileService.save(formData);
};
In FileService service you have to set headers: {Content-Type:undefined}
this should work!