angular.js文件下载

// 假设我们有一个控制器中的方法来处理文件下载
app.controller('FileDownloadController', ['$scope', '$http', function($scope, $http) {
    $scope.downloadFile = function() {
        // 文件的URL
        var fileUrl = 'path/to/your/file';

        $http({
            method: 'GET',
            url: fileUrl,
            responseType: 'blob' // 重要：设置响应类型为blob
        }).then(function(response) {
            // 创建Blob对象
            var blob = new Blob([response.data], { type: response.headers('content-type') });
            
            // 创建一个指向Blob的URL
            var url = window.URL.createObjectURL(blob);
            
            // 创建一个a标签并触发点击事件
            var a = document.createElement('a');
            a.href = url;
            a.download = 'filename.ext'; // 设置下载的文件名
            document.body.appendChild(a);
            a.click();
            
            // 清理
            a.remove();
            window.URL.revokeObjectURL(url);
        }, function(error) {
            console.error('文件下载失败', error);
        });
    };
}]);