Puedes utilizar una biblioteca de JavaScript llamada FileSaver
Solo llama
saveAs(archivo, 'NombreArchivo');
Solicitud completa de http:
$http.post('apiUrl', myObject, { responseType: 'arraybuffer' })
.success(function(data) {
var archivo= new Blob([data], { type: 'application/pdf' });
saveAs(archivo, 'NombreArchivo.pdf');
});
myObject
es la información POST que está enviando a su API, f.ex. una orden para ser presentada como pdf
Otro Ejemplo:
Aquí tiene la solicitud angularjs http a la API que cualquier cliente tendrá que hacer.
$http({
url : '/path/to/your/API',
method : 'POST',
params : {},
headers : {
'Content-type' : 'application/pdf',
},
responseType : 'arraybuffer'
}).success(function(data, status, headers, config) {
// TODO when WS success
var file = new Blob([ data ], {
type : 'application/csv'
});
//trick to download store a file having its URL
var fileURL = URL.createObjectURL(file);
var a = document.createElement('a');
a.href = fileURL;
a.target = '_blank';
a.download = 'yourfilename.pdf';
document.body.appendChild(a);
a.click();
}).error(function(data, status, headers, config) {
});
Explicación del código:
- Angularjs solicita un PDF en la URL especificada.
- El éxito se recibe en la respuesta.
Ejecutamos un truco con JavaScript en el front-end:
- Crea una etiqueta
<a>
html
- Haga clic en la etiqueta
<a>
del hipervínculo , usando la función click()
JS
Nota: Para realizar la eliminación del enlace después de que se haya agregado al
cuerpo, simplemente reemplace las últimas 2 líneas en su controlador de éxito con esto: var element = document.body.appendChild(a); a.click(); document.body.removeChild( element );