解决前端下载.json文件打开后显示[object object]问题

2、let blob = new Blob(JSON.stringify(res, null, 2).split(''))//括号内的JSON.stringify(res, null, 2).split('')是解决问题的核心。3、let url = window.URL.createObjectURL(blob)//创建流文件的url。4、let a = document.createEleme

tsyunge

1212人浏览 · 2024-04-02 10:34:55

tsyunge · 2024-04-02 10:34:55 发布

近日在实现点击按钮下载.json文件时，发现下载的.json文件打开后只显示[object object]，无法显示文件具体内容。后续不断试错并总结出解决办法如下：

1、首先发送请求得到res，res就是下载下来的文件

2、let blob = new Blob(JSON.stringify(res, null, 2).split('')) //括号内的JSON.stringify(res, null, 2).split('')是解决问题的核心

3、let url = window.URL.createObjectURL(blob) //创建流文件的url

4、let a = document.createElement('a') //生成a标签，用于下载

5、a.href = url

6、a.download = '下载到本地后的文件名'

7、a.click()

8、window.URL.revokeObjectURL(url) //清除url

技术共进，成长同行——讯飞AI开发者社区

更多推荐

机器学习与人工智能

python# 创建基类# 定义一对多关系# 定义多对一关系# 定义多对多关系（通过关联表）# 关联表（用于多对多关系）SQLAlchemy ORM提供了强大而灵活的数据库操作方式，通过本文的介绍，您应该能够：安装和配置SQLAlchemy定义数据模型和关系执行基本的CRUD操作构建复杂查询管理数据库事务遵循最佳实践SQLAlchemy还有更多高级特性，如混合属性、事件监听、自定义查询等，值得进一

讯飞AI开发者社区

读人形机器人21全球经济格局

1.7.1. 随着机器人接管常规任务，社会对技能的需求转向与自动化互补的技能，包括编程、维护、人工智能开发以及需要创造力、情感智能和复杂人际互动的工作。4.7.1. 为机器人技术和AI制定明确的规章制度，能够确保安全、增进信任，并促进其应用，包括产品安全、数据保护、有道德和负责任地使用AI等方面的标准。初创公司和老牌公司都在投资开发医疗机器人，以提升医疗服务的可及性和质量。2.1.2. 随着对机器