AngularJs, скачать большие файлы

Question

Мне нужно скачать большой файл из углового. У меня есть ссылка, и когда клиент кликает, файл должен быть загружен. код в контроллере:

$scope.download = function(id, type){ 
    LogService.getLogFile(id, type) //service call endpoint of backend 
        .then(function (data) { 

         var file = new Blob([data], {type: 'application/csv;charset=utf-8'}); 
         var fileURL = $window.URL.createObjectURL(file); 
         a.href = fileURL; 
         a.download = fileName; 
         a.click(); 
        }) 
        .catch(function (err) { 
         //error 
        }); 
} 

Он работает для небольших файлов (300MB), но с большими файлами (800MB) не работают. Мне нужно будет скачать файлы до 4Gb. И с основным браузером (Chrome, Mozilla и Safari). Потому что я видел в jimmywarting/StreamSaver.js решение (не тестировалось), но только для Chrome и Opera.

Я использую узел Js в интерфейсе, код:

function getFile(req, res){ 

    res.setHeader('Content-Type', 'application/octet-stream'); 
    res.setHeader('Content-disposition', 'attachment'); 

    var filePath = '....'; //PATH 
    var readStream = fs.createReadStream(filePath); 

    readStream.pipe(res); 

    }) 
    .catch(function() { 
     res.sendStatus(400); 
    }) 

Спасибо.

Answer 1

Наконец-то я решил добавить токен в url и запросить api.

HTML:

<a ng-click="downloadFile('attributes')" ng-if="log.path_attributes_file">download</a> 

Controller, добавить к URL PARAM 'маркер'.

//Download File 
     $scope.downloadFile = function downloadFile(type) { 
      window.location.href = '/api/logs/' + $scope.log._id +'/' + type + '?token=' + $http.defaults.headers.common['Authorization']; 
     } 

app.js в узле Js, для получения токена с URL-адреса. По умолчанию взять только заголовок. Я использую модуль «express-jwt». И маркер: 'Знаменосец 23f334f ... лексема ... dafafad'

app.use('/api', expressJwt({ secret: config.secret ,getToken: function fromHeaderOrQuerystring (req) { 
    if (req.headers.authorization && req.headers.authorization.split(' ')[0] === 'Bearer') { 
     return req.headers.authorization.split(' ')[1]; 
    } else if (req.query && req.query.token.split(' ')[0] === 'Bearer') { 
     return req.query.token.split(' ')[1]; 
    } 
    return null; 
}}).unless({ path: ['/api/users/authenticate', '/api/users/register'] })); 

запрос Handler в узле JS. «nameFile» - это имя загруженного файла, а «pathFile» - это путь, в котором находится файл.

function getFile(req, res){ 
    res.setHeader('Content-Type', 'text/csv'); 
    res.setHeader('Content-disposition', 'attachment'); 
    res.attachment(nameFile); 
    res.sendFile(path.resolve(pathFile)); 
} 

Answer 2

Попробуйте это:

заменить

a.href = fileURL; 

в

window.location.href = fileURL; 

Answer 3

Ниже ссылки это дает хорошее объяснение.

http://blog.neilni.com/2016/04/23/download-file-in-angular-js/ 

http://jsfiddle.net/onury/5gWFL/ 

https://techdev.de/an-angularjs-directive-to-download-pdf-files/