File download angular and Laravel

Question

I am trying to download a pdf file generated by laravel in AngularJs. So far i have been able to get the file from laravel but when i click the action, Angular does not download the file but just returns a response that includes the file as in the diagram below.

Response from laravel returns pdf file

How do i get the file to download?

Laravel

public function getPrintInvoice()
    {
        $pdf = PDF::loadView('crystal.invoice');
        return $pdf->download('hello.pdf');
    }

Angular

$http.get('print-invoice');

score 1 · Accepted Answer · edited May 23 '17 at 12:15

1

Because $http.get() uses an asynchronous call to the server the response is captured by the XMLHttpResponse object rather than presented directly to the user. The easiest method of presenting the PDF to the user is to skip the angular call, e.g. use $location.url('/print-invoice'); or $window.open('/print-invoice');

If you want to stick with the $http methods (e.g. if you want to be able to perform some action based on the success or failure of the file get) you'll need to capture the return value from the download and use the HTML5 Blob methods. I'd recommend using something like Angular File Saver. But it does require a bit more work on the server side to ensure the data is in the correct format.

edited May 23 '17 at 12:15

Community

1
1

answered Mar 11 '16 at 19:06

BrianS

13,284
15
62
125

Thanks alot. That makes sense. – madSkillz Mar 11 '16 at 20:33
The reason I need to use an ZMLHttpResponse is because I need to send a auth token with the request. Is there a way to do this using $location.url()? – VinGarcia Jul 04 '18 at 18:21

File download angular and Laravel

1 Answers1