AngularJS、Spring-Bootによるファイルアップロードの実装方法私は私のconrollerでこれを使用しています ：ファイル、 角度JSパートをアップロードするための

Question

var uploader = $scope.uploader = new FileUploader({ 
    url: '/imageUpload' 

}）; HTMLで

： <input type="file" nv-file-select="" uploader="uploader" accept="image/png, image/jpeg, image/gif" name="input-file-preview" ng-disabled="em.checked"/> 春ブーツ（serviceメソッドで）パート：

@RequestMapping(value="/imageUpload", method = RequestMethod.POST) 
    public void UploadFile(@RequestParam("file") MultipartFile file,RedirectAttributes redirectAttributes) throws IOException { 
     System.out.println("file uploading ..............."); 
     /* 
     Iterator<String> itr=request.getFileNames(); 
     MultipartFile file=request.getFile(itr.next()); 
     String fileName=file.getOriginalFilename(); 
     File dir = new File("C:\\file"); 
     if (dir.isDirectory()) 
     { 
      File serverFile = new File(dir,fileName); 
      BufferedOutputStream stream = new BufferedOutputStream(
        new FileOutputStream(serverFile)); 
      stream.write(file.getBytes()); 
      stream.close(); 
     }else { 
      System.out.println("not"); 
     } 
     */ 
    } 

しかし、/ imageUploadリソースを見つけることができないので、私は、403禁断のエラーを取得しています。このコードはアップロード用のPHPファイルでうまく動作しているので、私たちがspringブートで作業するときに、このfileUploaderがどのように動作するかは誰にでも分かります。

ありがとうございました

Answer 1

サーバー側の実装はよく見えます。角度のあるサービスから、POSTリクエストでformDataを使用して次に試してみてください。

function saveDoc(file) { 
       var deferred = $q.defer(); 
       var formData = new FormData(); 
       formData.append('file', file); 

       $http.post(urls.DOC_URL+'upload', formData,{ 
        transformRequest : angular.identity, 
        headers : { 
         'Content-Type' : undefined 
        }}) 
        .then(
         function (response) { 
          deferred.resolve(response.data); 
         }, 
         function (errResponse) { 
          alert(errResponse.data.errorMessage); 
          deferred.reject(errResponse); 
         } 
        ); 
       return deferred.promise; 
      }; 

参考： Spring Boot Angular JS file Upload