Загрузить текст/содержимое csv как огромный файл с сервера в Angular

Question

У меня есть сервер backend в игровой инфраструктуре, который возвращает огромный файл text/csv в кусках. Как я могу получить файл в угловом формате, чтобы сохранить файл в клиенте.

В обычной загрузке файла можно использовать следующий раствор:

$http.post('/exportFile', reqData). 
      success(function(data, status, headers, config){ 
       var pom = document.createElement('a'); 
       pom.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(data)); 
       pom.setAttribute('download', "file.csv"); 
       pom.click(); 
      }). 
      error(function(data, status, headers, config){ 
       alert(data); 
      }); 

Но как обрабатывать порции? Спасибо!

Answer 1

Несколько мыслей -

По умолчанию углового и основных стек HTTP будет абстрактные «куски» от вас в один обратный вызов/отказа. Если вы действительно хотите обрезать данные, вам может понадобиться другая схема URL-адресов для публикации результатов (а затем выдача серии запросов) или метода веб-push, например websockets (где сервер нажимает каждый бит). Может быть, я что-то упустил, но вы пробовали выдавать другой запрос в пределах углового после того, как запрос/exportFile сделан?

$http.post('/exportFile', reqData).success(function(...){ 
    // create url to where file.csv is, say fileURL 
    var fileUrl = encodeURIComponent(data); 
    $http.get(fileUrl).success(function(data...) { 
    // data is now the contents of file.csv. 
    fileContents = data; 
    }); 
} 

Файлы CSV, вероятно, легко сжимаются, возможно, вы уже это делаете.

Наконец, рекомендуемый шаблон MVC с угловым элементом состоит в том, чтобы создавать элементы в рамках директивы и использовать двустороннюю привязку. Вы также можете нажать на ссылку на элемент, если вы хотите, чтобы немедленно вызвать загрузку в директивы после того, как появится через:

$timeout(function() { 
    angular.element(directiveElement).triggerHandler('click'); 
}, 0); 

Ладно, надеюсь, что помогает