JAVA: Upload Multipart file

Question

I am struggling with Multipart file upload in Spring controller. I've read multiple questions, googles, but nothing seems to work.

I get

error: "Bad Request"
exception: "org.springframework.web.multipart.support.MissingServletRequestPartException"
message: "Required request part 'file' is not present"

My BE controller:

@RequestMapping(value = "/zip", method = RequestMethod.POST)
public void readFile(@RequestParam("file") MultipartFile file) throws IOException { 
// code
}

FE, angularJS:

service.getZip = function getZip(file) {
    var formData = new FormData();
    formData.append('file', file);
    return $http({
        method: 'POST',
        url: CONSTANTS.readFile,
        data: formData,
        headers: {'Content-Type': undefined}
    }) .then(function (response) {
        var data = response.data;
        return data.id;
    });
}

HTML:

<input type="file" id="file" name="file" accept=".txt"/>

also application.properties contain:

spring.http.multipart.enabled=false

UPDATE:

I no longer get that error when following @Byeon0gam advice to remove @RequestParam from my controller, but the my file is null as it comes to controller. Although in FE service, as I see, it's not empty:

Are you sure you are not mixing upload and download logic? You have a Post mapping on a method called `readFile`. You are also using `url: CONSTANTS.readFile`. Do you want to upload a file from client to server or download a file from server to client? — , Oct 03 '18 at 18:27
I want both - upload a file from a client, and immediately return response, which consists of files, generated from uploaded file. — cinnamon, Oct 03 '18 at 18:36
I don't know angularJS, so I have no ide what kind of request is generated from that code. BUT: you can create a standard HTML form with SUBMIT button. Spring controllers work smoothly with HTML file-upload. So if it works, then start the developer console and check the exact lookout of the request what is sent when you hit the submit button. Then play with the JS code until it creates the exact same request. — Selindek, Oct 03 '18 at 20:29

score 0 · Answer 1 · answered Oct 03 '18 at 18:27

0

change the Content-Type in your FE to:

headers: {'Content-Type': 'x-www-form-urlencoded'}

hope it will work for you.

answered Oct 03 '18 at 18:27

user9968195

1
3

then I get error `message: "Current request is not a multipart request"` – cinnamon Oct 03 '18 at 18:33
try to add enctype='multipart/form-data' in $http – user9968195 Oct 03 '18 at 18:37
it still says `message: "Current request is not a multipart request"` – cinnamon Oct 03 '18 at 18:42
Try to delete the line of content-type in $http. – user9968195 Oct 03 '18 at 18:59
still `"Current request is not a multipart request"`. Looks like magic – cinnamon Oct 03 '18 at 19:02
https://stackoverflow.com/questions/42013087/multipartexception-current-request-is-not-a-multipart-request – user9968195 Oct 03 '18 at 19:10

JAVA: Upload Multipart file

1 Answers1