angular导出文件保存在本地
发布时间:2020-12-17 07:04:23 所属栏目:安全 来源:网络整理
导读:$scope.ev_click = function (obj){ var ev = document.createEvent("MouseEvents" ); ev.initMouseEvent( "click", true , false ,window, null ); obj.dispatchEvent(ev);}$scope.export_add = function (name,data){ var urlObject = window.URL || windo
$scope.ev_click = function(obj){ var ev = document.createEvent("MouseEvents"); ev.initMouseEvent("click",true,false,window,null); obj.dispatchEvent(ev); } $scope.export_add = function(name,data){ var urlObject = window.URL || window.webkitURL || window; var export_blob = new Blob([data],{type: "Multipart/form-data"}); var save_link = document.createElementNS("http://www.w3.org/1999/xhtml","a") save_link.href = urlObject.createObjectURL(export_blob); save_link.download = name; $scope.ev_click(save_link); } 服务端返回的是二进制数据流 客户端接收后转换为指定文件格式的blob,最后创建blob对象的URL,然后自动触发 1.post的方法里要加responseType: ‘arraybuffer‘参数,不然下载的excel会乱码(这点一开始没注意到,费力好久) 2.使用{type: "application/vnd.ms-excel"}的写法,可以保存为xls格式的excel文件(兼容老版本)。而使用“application/vnd.openxmlformats-officedocument.spreadsheetml.sheet”则会保存为xlsx ? 本文示例中保存的文件类型是.tar 调用$scope.export_add(),将文件名和数据传入即可。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |