angular导出文件保存在本地

最新推荐文章于 2024-08-08 10:04:47 发布

weixin_30376163

最新推荐文章于 2024-08-08 10:04:47 发布

阅读量686

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 前端 xhtml ViewUI

原文链接：http://www.cnblogs.com/xulei1992/p/9923876.html

本文介绍了一种在前端实现文件导出与自动下载的方法，包括如何使用JavaScript创建Blob对象来处理二进制数据流，并通过自定义点击事件触发文件下载。特别关注了Excel文件的格式选择与编码问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$scope.ev_click = function(obj){
    var ev = document.createEvent("MouseEvents");
    ev.initMouseEvent("click", true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, 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);
}