Estoy tratando de cargar un archivo con Angular y enviarlo a mi backend Spring. Para mi servicio angular, utilicé la configuración aquí . Pero tengo 2 problemas:
El primero: cuando envío un archivo zip grande: tengo este error en mi navegador: net::ERR_CONNECTION_RESET ; parece que Angular no puede enviar el archivo al resto del cliente.
El segundo: cuando mi archivo zip no es demasiado grande, se omite el primer error, pero esta vez, tengo este error devuelto por el resto de la API: 415 (Type de Support Non Supporté) .
servicio angular
deployement(file: File): void { console.log("service angular"); let formData:FormData = new FormData(); formData.append('uploadFile', file, file.name); let headers = new Headers(); headers.append('Content-Type', 'multipart/form-data') headers.append('Accept', 'application/json'); let options = new RequestOptions({ headers: headers }); this.http.post(URL_API_REST + 'upload', formData, options) .map(res => res.json()) .catch(error => Observable.throw(error)) .subscribe( data => console.log('success'), error => console.log(error) ) }mi descanso primaveral
@RequestMapping(value = "upload", headers = ("content-type=mulitpart/*"), method = RequestMethod.POST) @ResponseBody public HashMap<String, String> uploaderDeploiement(@RequestBody MultipartFile fichierZip){ //java code here }¿Alguien podría señalar lo que estoy haciendo mal?
Creo que @RequestBody está mal para cargar archivos.
Tratar
public HashMap<String, String> uploaderDeploiement(@RequestParam(value = "file", required = true) final MultipartFile file){}O
public HashMap<String, String> uploaderDeploiement(MultipartHttpServletRequest request){} y luego obtenga MultipartFile de MultipartHttpServletRequest
Puede consultar este código para la carga de archivos, ya que funciona bien en myside.
Código Java
@RequestMapping(value = "/upload", method = RequestMethod.POST, consumes = MediaType.MULTIPART_FORM_DATA) public URL uploadFileHandler(@RequestParam("name") String name, @RequestParam("file") MultipartFile file) throws IOException { /******* Printing all the possible parameter from @RequestParam *************/ System.out.println("*****************************"); System.out.println("file.getOriginalFilename() " + file.getOriginalFilename()); System.out.println("file.getContentType()" + file.getContentType()); System.out.println("file.getInputStream() " + file.getInputStream()); System.out.println("file.toString() " + file.toString()); System.out.println("file.getSize() " + file.getSize()); System.out.println("name " + name); System.out.println("file.getBytes() " + file.getBytes()); System.out.println("file.hashCode() " + file.hashCode()); System.out.println("file.getClass() " + file.getClass()); System.out.println("file.isEmpty() " + file.isEmpty()); /*************Parameters to b pass to s3 bucket put Object **************/ InputStream is = file.getInputStream(); String keyName = file.getOriginalFilename(); }Angular js
var form = new FormData(); form.append("file", "image.jpeg"); var settings = { "async": true, "crossDomain": true, "url": "http://url/", "method": "POST", "headers": { "cache-control": "no-cache" }, "processData": false, "contentType": false, "mimeType": "multipart/form-data", "data": form } $.ajax(settings).done(function (response) { console.log(response); });Faltaban algunas entradas en mis archivos de configuración de primavera y en mi pom.xml.
pom.xml
<dependency> <groupId>commons-fileupload</groupId> <artifactId>commons-fileupload</artifactId> <version>1.2</version> </dependency> <dependency> <groupId>commons-io</groupId> <artifactId>commons-io</artifactId> <version>2.4</version> </dependency>En mi despachador-servlet.xml
<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> <property name="maxUploadSize" value="536870912"/> </bean>API de descanso
public HashMap<String, String> uploaderDeploiement(@RequestParam MultipartFile file){ //java code here }¡Espero que ayude a alguien!