jQuery Forum

I am starting with ajax and got a problem with a download I would like to make via AJAX. 

2. $( document ).ready(function() {
3. console.log("jQuery Version : " + $.fn.jquery)
4. $('.documentIcon').click(function(){
5. var src = $(this).attr('src');
6.     $.ajax( 'http://localhost/file-stream/response.php', {
7.     'xhrFields' : {
8.     'responseType' : 'blob'
9.     },
10.        'dataType' : 'binary'
11. })
12. .complete(function ( xhr ) {
13. console.log(xhr);
14.    var $a = $( '<a />' ), url = URL.createObjectURL( xhr.response );
15.    $a.attr({
16.      'href' : url,
17.      'download' : 'document.pdf'
18.    })
19.    .trigger( 'click' );
20.    URL.revokeObjectURL( url );
21.  });
22. });
23. });

I always get errors like this on all browsers (this ones from chrome):

1. Uncaught InvalidStateError: Failed to read the 'responseText' property from 'XMLHttpRequest': The value is only accessible if the object's 'responseType' is '' or 'text' (was 'blob').

The downloaded file is not a part of web servers folder or in any of the vhost's folder. It is in a folder, where the webserver has permissions, but cannot use files as a link! 

This is the PHP code I use: 

2. <?php
3. 
   
4.       $file_path = '/var/www/docs/document.pdf';
5.       $file_name = 'document.pdf';
6. 
   
7. header("Content-Type: application/force-download");
8. header("Content-type: application/pdf");
9. header('Content-Description: File Download');
10. header('Content-Disposition: attachment; filename=' . $file_name);
11. header('Content-Transfer-Encoding: binary');
12. header('Expires: 0');
13. header('Cache-Control: must-revalidate, post-check=0, pre-check=0');
14. header('Pragma: public');
15. header('Content-length: ' . filesize($file_path));
16. ob_clean();
17. flush();
18. readfile($file_path);
19. 
    
20. ?>

Is anybody able to tell me whats wrong?

Regards

n00n