发送带有附件的邮件-angularJS + Java Spring

Question

I've got working email sender, but without attachments. I tried something like this:

Simple input in HTML:

<input type="file" simple-change="uploadFiles($event)"/>

JS file picker:

    $scope.uploadFiles = function (event) {
    $scope.file= event.target.files[0];
};

And JS email sender:

$scope.sendEmail = function(){
    $scope.emailData = new EmailData();
    $scope.emailData.to = "example@gmail.com";
    $scope.emailData.from = "boss@gmail.com";
    $scope.emailData.subject = "Errors";
    $scope.emailData.title = $scope.topic;
    $scope.emailData.description = $scope.description;
    $scope.emailData.template = "templateErrors";

    $http.post("sendemail/attachment", $scope.emailData, $scope.file, {headers: {'Content-Type': undefined} })
    .then(function (response) {
        $scope.succes =  true;
    },
    function(fail) {
        $scope.error = true;
    });
}

Java Controller:

@RequestMapping(value = "/attachment", method = RequestMethod.POST)
public EmailStatus sendEmailAttach(@RequestBody EmailData emailData, CommonsMultipartFile file) {
    return emailSenderAttachment.sendDataAttach(emailData, file);
}

but still got error 500: ""message":"org/apache/commons/fileupload/FileUploadException""

Please help :(

Answer 1

Try below code use $upload.upload instead of $http.post for upload file to server.

AngularJs

$upload.upload({
    method : 'POST',
    url : 'sendemail/attachment',
    file : $scope.file,
    data : $scope.emailData
}).success(function(response) {
    console.log("Success");
}).error(function(error) {
    console.log("Error");
});

Spring Controller

@RequestMapping(value = "/attachment", method = RequestMethod.POST)
public EmailStatus sendEmailAttach(@RequestParam("file") MultipartFile file, EmailData emailData) {
    return emailSenderAttachment.sendDataAttach(emailData, file);
}

For more details you can refer my answer from this post Multipart File Upload using AngularJS and SpringMVC