小编典典

使用角度文件保护程序下载大文件

angularjs

我已经在我的项目中实现了角度文件保护程序,目的是下载文件,它对于小文件也可以正常工作,但是对于大于50mb的文件,我会看到下一个错误,并且在35-50mb之后会停止下载。

net::ERR_INCOMPLETE_CHUNKED_ENCODING

我试图调查互联网上的这个问题,发现下载限制为500mb,因为显然不能在RAM中存储这么多的信息。不幸的是,我没有找到其他任何可以解决该问题的解释,然后我问了后端人员,我得到的答案是,一切都很好。

那我的问题在哪里呢?以及如何解决此问题?感谢您的帮助

这是我的代码的一部分:

服务

 function attachment(obj) {
        custom.responseType = "arraybuffer";
        delete  custom.params.limit;
        delete  custom.params.offset;
        delete  custom.params.orderBy;
        delete  custom.params.insertedAt;

        var contentType = obj.mimeType;
        var name =  obj.displayFilename;

        return $http.get(Config.rurl('attachments') + '/' + obj.bucketName + '/' + obj.path + '?displayFilename=' + obj.displayFilename, custom)
            .then(function (response) {
                var data = new Blob([response.data], { type: contentType });
                FileSaver.saveAs(data, name);
                delete custom.responseType
            })
            .catch(function (err) {
                delete custom.responseType;
                alert("It has happened an error. Downloading has been stopped") ;
            });
    }

控制器功能

$scope.download = function (obj) {
        lovServices.attachment(obj)
    }

阅读 212

收藏
2020-07-04

共1个答案

小编典典

而不是下载到内存并转换为Blob。设置responseType'blob'

//SET responseType to 'blob'
var config = { responseType: ̶'̶a̶r̶r̶a̶y̶b̶u̶f̶f̶e̶r̶'̶ ̶ 'blob' };

return $http.get(url, config)
    .then(function (response) {
        ̶v̶a̶r̶ ̶d̶a̶t̶a̶ ̶=̶ ̶n̶e̶w̶ ̶B̶l̶o̶b̶(̶[̶r̶e̶s̶p̶o̶n̶s̶e̶.̶d̶a̶t̶a̶]̶,̶ ̶{̶ ̶t̶y̶p̶e̶:̶ ̶c̶o̶n̶t̶e̶n̶t̶T̶y̶p̶e̶ ̶}̶)̶;̶
        //USE blob response 
        var data = response.data;
        FileSaver.saveAs(data, name);
    })
    .catch(function (err) {
        alert("It has happened an error. Downloading has been stopped") ;
        throw err;
    });

这避免了将流转换为arraybuffer然后再次产生blob的内存开销。

有关更多信息,请参见MDN XHR API ResponseType

2020-07-04