spring RESTcontroller接受dataURI

Question

angular.module('myApp', [
                         'ngRoute',
                         'myApp.view1',
                         'myApp.view2',
                         'myApp.version',
                         'ngImgCrop'
                         ])
                         .controller('Ctrl',['$scope','notify', function($scope,notify) {
                             $scope.myImage='';
                             $scope.myCroppedImage='';

                             var handleFileSelect=function(evt) {
                                 var file=evt.currentTarget.files[0];
                                 var reader = new FileReader();
                                 reader.onload = function (evt) {
                                     $scope.$apply(function($scope){
                                         $scope.myImage=evt.target.result;
                                     });
                                 };
                                 reader.readAsDataURL(file);
                             };
                             angular.element(document.querySelector('#fileInput')).on('change',handleFileSelect);
                             $scope.submit=function() {
                                 notify($scope.myCroppedImage);
                             };
                         }]).
                         factory('notify',['$http', function($http) { 
                               return function(myCroppedImage) {
                                   var name = 'vishnu';
                                   $http.post('http://localhost:8080/imageUpload', myCroppedImage)
                                   .success(function(data, status, headers, config) {
                                     alert("success");
                                   })
                                   .error(function(data, status, headers, config) {
                                       alert("fail");
                                   });
                               }
                         }])

@RequestMapping(value="/imageUpload",method=RequestMethod.POST)
@ResponseBody
public String imageUpload(@RequestBody MultipartFile data){

    return "success";
}

当我运行以下请求时，web服务中出现了一些异常。

远程地址:127.0.0.1:8080请求URL：http://localhost:8080/imageupload请求方法：post状态代码：500内部服务器错误请求头视图源接受：application/json,text/plain,/接受-编码：gzip,deflate接受-语言：en-us,en；q=0.8连接：keep-alive内容-长度：1850内容-类型：application/json；charset=UTF-8主机：localhost:8080起源：文件：//用户-代理：mozilla/5.0（Windows NT 6.1；WOW64)AppleWebKit/537.36（KHTML,like Gecko）

请求有效载荷数据:image/png；base64,ivborw0kggoaaaansuheugaaamgaaadicayaaactwk6eaaafikleqvr4xu3vsrhamazeshj/ptobxbb9pfchylycz0eawfxgscf......

响应头连接：close content-type：application/json；charset=UTF-8日期：2015年4月24日星期五12:40:35 GMT服务器：apache-coyote/1.1 transfer-encoding：chunked

java org.springframework.web.multipart.multipartException中的异常：当前请求不是多部分请求

Answer 1

首先，您的控制器应该如下所示：

public ResponseEntity<Response> fileUpload(@RequestParam("file") MultipartFile file) {

使用@requestparam而不是@requestbody，并在与注释中使用的名称相同的参数中发送文件。

此外，您的请求应该使用multipart/form-data类型发送。例如，一个常见的html为：

<form method="POST" enctype="multipart/form-data" action="your url">