angularjs 服务端下载execl

Posted 小猪章鱼

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了angularjs 服务端下载execl相关的知识,希望对你有一定的参考价值。

html

<button class="btn btn-sm btn-primary pull-right" ng-click="exportData($event)"><i class="fa fa-spinner fa-pulse hidden"></i>导出表格</button>

js

//导出数据
        $scope.exportData = function(e) {
            var arr = e.target.children[0].className.split(‘ ‘);
            var index = arr.indexOf(‘hidden‘);
            arr.splice(index, 1);
            e.target.children[0].className = arr.join(‘ ‘);
            e.target.disabled = true;

            function resetBtn(e) {
                e.target.children[0].className = e.target.children[0].className + ‘ hidden‘;
                e.target.disabled = false;
            }

            $http({
                method: ‘get‘,
                url: $scope.baseUrl + ‘sampleCenter/reception?part=seek&action=exportExcel‘,
                responseType: ‘arraybuffer‘
            }).then(function(response) {
                if (response.headers()[‘content-type‘] == ‘text/html; charset=utf-8‘) {
                    var encode = new TextDecoder(‘utf-8‘);
                    var data = JSON.parse(encode.decode(new Uint8Array(response.data)));
                    if (data.error) {
                        toaster.pop({
                            type: ‘error‘,
                            body: data.error,
                            timeout: 0
                        });
                        resetBtn(e);
                    }
                } else {
                    var blob = new Blob([response.data], { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" });
                    var objectUrl = URL.createObjectURL(blob);
                    var a = document.createElement(‘a‘);
                    a.href = objectUrl;
                    a.target = ‘_blank‘;
                    a.download = ‘表格‘;
                    document.body.append(a);
                    a.click();
                    a.remove();
                    resetBtn(e);
                }
            }, function() {
                toaster.pop({
                    type: ‘error‘,
                    body: ‘下载失败请与管理员联系!‘,
                    timeout: 0
                });
                resetBtn(e);
            })
        }

 

以上是关于angularjs 服务端下载execl的主要内容,如果未能解决你的问题,请参考以下文章

AngularJS ——ngResourceRESTful APIs 使用

angularJS使用ocLazyLoad实现js延迟加载

浅谈AngularJS中的$parse和$eval

angularjs2 学习笔记 组件

SqlServer2008 脚本导入Execl数据

angularjs2 学习笔记 组件