vue json、txt文件导出功能

最新推荐文章于 2025-05-08 21:35:30 发布

Y丶小琪

最新推荐文章于 2025-05-08 21:35:30 发布

阅读量862

点赞数

CC 4.0 BY-SA版权

分类专栏：踩坑文章标签： vue.js javascript

本文链接：https://blog.youkuaiyun.com/qq_33168578/article/details/125173240

踩坑专栏收录该内容

4 篇文章

订阅专栏

本文介绍了如何使用JavaScript在浏览器环境中实现文件下载。对于普通的Excel文件，可以通过修改URL加上随机数来触发下载。而对于JSON和TXT文件，需要在创建的a标签上添加download属性指定文件名，确保文件被下载而不是在新窗口打开。通过模拟点击a标签，可以实现文件的自动下载。

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

普通的excell文件等，通过window.location.href = `${window.location.origin}${pth

}?r=${Math.random()}`或者创建a标签，触发click事件就可以直接讲文件下载下来，

json、txt文件，浏览器自动在新窗口打开，展示文件内容，需要添加download属性，他可以使a标签的href属性进行下载，如果填写指就会更改你的下载名称

      var a = document.createElement('a') // 创建一个<a></a>标签
      a.href = data.path
      a.style.display = 'none' // 障眼法藏起来a标签
      a.download = 'picture.json' // txt、json文件需要加download属性
      document.body.appendChild(a) // 将a标签追加到文档对象中
      a.click() // 模拟点击了a标签，会触发a标签的href的读取，浏览器就会自动下载了
      a.remove() // 一次性的，用完就删除a标签