首页 > 其他 > 详细

angular 下载文件

时间:2019-03-07 16:22:39      阅读:857      评论:0      收藏:0      [点我收藏+]

后台直接返回文件即可,以wcf为例:读取目录文件返回,或直接生成文件并返回。

        public Stream GetCodeSn()
        {            
            return File.OpenRead("e:\\工作xxxx.xlsx");
        }

前端请求接口、得到文件流、保存文件。

        function exportData(name, data) {
            var urlObject = window.URL || window.webkitURL || window;
            var save_link = document.createElementNS("http://www.w3.org/1999/xhtml", "a");
            save_link.href = urlObject.createObjectURL(new Blob([data]));
            save_link.download = name;

            var event = document.createEvent("MouseEvents");
            event.initMouseEvent("click", true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
            save_link.dispatchEvent(event);
        }
        $http({
            url: ‘/SvcWms/File/GetCodeSn‘,
            method: ‘GET‘,
            data: {},
            responseType: ‘arraybuffer‘,
            headers: {
                ‘Content-Type‘: ‘application/json‘
            }
        }).then(function (resp) {
            exportData(‘工作记录2019.xlsx‘, resp.data);
        });

 或直接

$http.get(‘/SvcWms/File/GetCodeSn‘,{responseType: ‘arraybuffer‘}).then(function (resp) {
                            exportData(‘工作xxxx.xlsx‘, resp.data);
                        });

 

angular 下载文件

原文:https://www.cnblogs.com/jonney-wang/p/10490077.html

踩
(0)
赞
(0)
   
举报
评论 一句话评论(0)
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!