Сохранить файл в угловом от ответа http

Question

Мне было интересно, как я могу сохранить файл, содержащийся в ответе с сервера в угловом? (Так что файл загружается автоматически при поступлении ответа)

Edit:

У меня есть метод пост $ HTTP, и получить данные в формате PDF в ответе. В случае успеха я хочу сохранить данные ответа в виде файла pdf.

Е. г:

$http({ 
     method: 'POST', 
     url : 'theUrl', 
     data: //some array that is received 
     headers : //content type info 
} 
.success(function(response) { // I want to save the response as a pdf }); 

Answer 1

Вы не можете сохранить документ как у вас нет доступа к файловой системе пользователей в браузере. Вы можете отправить URL в PDF обратно, а затем вызвать браузеры построить в файле сохранения/открытия механизма, добавив фиктивный IFrame к телу:

$http({ 
    method: 'POST', 
    url : 'theUrl', 
    data: //some array that is received 
    headers : //content type info 
} 
.success(function (data) { 
    if ($('#iframe').length == 0) { 
     var $iframe = $('<iframe id="iframe" style="display: none"></iframe>'); 
     $('body').append($iframe); 
    } 
    $('#iframe').attr('src', {{url to retrieve the file}}) 
}) 

Answer 2

Использование интерфейса HTML5 FileSaver, это может быть достигнуто:

https://github.com/eligrey/FileSaver.js/

Пример решения:

 //Call API to retrieve file stream using POST request 
       $http.post("URL", searchData, { responseType: 'arraybuffer' }).then(
          response => { 
           //Download file from response 
           saveFileAs(response); 
          }, 
          data => { 
           //raise error 
          } 
         ); 
      function saveFileAs(response) { 
         var contentDisposition = response.headers("content-disposition"); 
         //Retrieve file name from content-disposition 
         var fileName = contentDisposition.substr(contentDisposition.indexOf("filename=") + 9); 
         fileName = fileName.replace(/\"/g, ""); 
         var contentType = response.headers("content-type"); 
         var blob = new Blob([response.data], { type: contentType }); 
         saveAs(blob, fileName); 
        } 

Answer 3

На угловом 2 ... вы можете сделать:

import { saveAs } from 'browser-filesaver/FileSaver.js' 

downloadFile(data: Response) { 
    var blob = new Blob([data], {type: 'application/x-tar'}); 
    saveAs(blob, "report.tgz"); 
}