如何在AngularJS中自动下载文件视频

Question

我尝试在功能下载运行时自动下载视频。 我正在尝试使用 saveAs(fileSaver.js) 但出现错误

在“URL”上执行“createObjectURL”失败：找不到函数 与提供的签名相匹配。

任何人都可以提供帮助。

$scope.download = function(){
        var fd = new FormData();
        angular.forEach($scope.files, function(video){
            fd.append('video', video);
        });

        var request = $http({
            method : 'POST',
            url: xxxx + 'video/upload?start=' + $scope.start + '&end=' + $scope.end,
            data : fd,
            transformRequest:angular.identity,
            headers:{'Content-Type':undefined}
        });
        request.then(function(response){
            saveAs(response , 'video.mp4');
            $scope.isProcessing = false;
        }, function(error){
            $scope.isProcessing = false;
        });
    }

在服务端我使用烧瓶将返回如下：

return send_file(app.root_path + '/' + app.config['UPLOAD_FOLDER'] + '/uploadV/dd.mp4', as_attachment=True)

Answer 1

如果您使用的是 angular-file-saver，则需要使用 arraybuffer 响应类型来创建 blob：

$scope.download = function(){

    var fd = new FormData();
    angular.forEach($scope.files, function(video){
        fd.append('video', video);
    });

    $http({
        method: 'POST',
        url: xxxx + 'video/upload?start=' + $scope.start + '&end=' + $scope.end,
        data: fd,
        transformRequest: angular.identity,
        responseType: 'arraybuffer',
        transformResponse: function (data) {
            var video;
            if (data) {
                video = new Blob([data], {
                    type: 'video/mp4'
                });
            }
            return {
                response: video
            };
        },
    }).then(function(file){
        saveAs(file.response, 'video.mp4');
        $scope.isProcessing = false;
    }, function(error){
        $scope.isProcessing = false;
    });
};