wie Anforderung von Aktionsformular senden

Question

im mit diesem Code AngularJS Datei auf meinen REST API zu laden, und es funktioniert gut, dies meine Form ist:

<form action="webresources/documents/upload" 
     method="post" 
     enctype="multipart/form-data"> 

    <p> 
     Select a file : 
     <input type="file" name="file" size="45" /> 
    </p> 
    <input type="submit" value="Upload" /> 

</form> 

und das ist mein REST API:

@POST 
    @Path("/upload") 
    @Consumes(MediaType.MULTIPART_FORM_DATA) 
    public Response uploadFile(@MultipartForm Document document) { 
..... 
} 

meine Frage ist: wie die gleiche Anforderung mit AngularJS senden anstatt mit action = "webresources/documents/upload" auf meiner Form.

Answer 1

Sie keine Form Tag benötigen,

Dies ist, wie Sie Ihre HTML-wie, so etwas wie das wäre,

<p> 
     Select a file : 
     <input type="file" name="file" size="45" /> 
    </p> 
<button ng-click="upload()">Upload</button> 

Ihr Controller-Code

$scope.upload = function() { 
    var fd = new FormData(); 
    fd.append('file', file); 

    $http({ 
    url: 'webresources/documents/upload', 
    data: fd, 
    method: "POST", 
    headers: { 
     "Content-Type": undefined 
    } 
    }); 
} 

aussehen würde

Dies wird Ihre Datei auf den Server ohne Form Tags hochladen.