chrome 插件把 json 导出为 excel

要将 JSON 数据导出为 Excel 文件,可以使用 JavaScript 库如 SheetJS 和 FileSaver.js,以及 Chrome 插件 API 中的 chrome.downloads.download() 函数。

下面是一个示例代码,可以将一个包含 JSON 数据的数组导出为 Excel 文件:

// 导出 JSON 数据为 Excel 文件
function exportToExcel(data) {// 创建一个工作簿var workbook = XLSX.utils.book_new();// 将数据转换为工作表var worksheet = XLSX.utils.json_to_sheet(data);// 将工作表添加到工作簿中XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');// 将工作簿转换为二进制数据var excelData = XLSX.write(workbook, { bookType: 'xlsx', type: 'binary' });// 将二进制数据保存为文件var blob = new Blob([s2ab(excelData)], { type: 'application/octet-stream' });var fileName = 'data.xlsx';chrome.downloads.download({url: URL.createObjectURL(blob),filename: fileName,saveAs: true});
}// 将字符串转换为 ArrayBuffer
function s2ab(s) {var buf = new ArrayBuffer(s.length);var view = new Uint8Array(buf);for (var i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xff;return buf;
}

在上面的示例代码中,我们首先使用 SheetJS 库将 JSON 数据转换为 Excel 工作表。然后将工作表添加到工作簿中,并将工作簿转换为二进制数据。最后,将二进制数据保存为文件并使用 chrome.downloads.download() 函数下载文件。

需要注意的是,我们将二进制数据保存为 Blob 对象,然后使用 URL.createObjectURL() 方法创建一个 URL,该 URL 可以作为下载链接。在调用 chrome.downloads.download() 函数时,我们将 URL 作为参数传递给 url 属性,将文件名作为参数传递给 filename 属性,并将 saveAs 属性设置为 true,以便提示用户选择保存文件的位置和文件名。

chrome 插件把 json 导出为 excel相关推荐

  1. 微信小程序 数组 Json 导出到excel

    好多年没有搬砖了,最近看微信小程序比较好玩,就试着搞几个小程序玩一玩.因为是业余的,主要是面向需求编程,面向百度/bing编程.不过一些相关的代码的奇奇怪怪的问题,搜索引擎都会最终带领我到CSND/ ...

  2. 【JS】json导出到excel,自定义文件名和后缀名

    json导出excel表格 HTML <el-button type="danger" class="ml10 fr" @click="expo ...

  3. Chrome插件manifest.json文件详解

    开发Chrome插件首先就是配置manifest.json文件了,利用它我们可以定义在什么时机以及在什么网页执行什么脚本,有一些什么行为,下面我一起来看看这个文件有哪些配置项以及有什么作用: {// ...

  4. vue纯前端实现json导出为excel文件(xlsx.full.min.js)

    废话不多说,能实现导出为excel的库也不少,这次我用的是xlsx.full.min.js(git地址:https://github.com/SheetJS/sheetjs) 在utils里简单封装一 ...

  5. 使用Vue3+Element Plus开发Chrome插件

    使用Vue3+Element Plus开发Chrome插件 引言 初始Vue项目的创建 Element-Plus组件的安装及导入 其他文件配置 .eslintrc.js文件 vue.config.js ...

  6. 【web开发】导出到Excel表格

    本文所需开发文件及其例子下载地址:http://download.csdn.net/detail/tr1912/9597549 众所周知的是我们在日常的开发中少不了的是和数据打交道,这个时候就需要对于 ...

  7. 推荐 5 款私藏的优质 Chrome 插件(3)

    点击上方"AirPython",选择"加为星标" 第一时间关注 Python 技术干货! 大家好,我是安果! 今天继续为大家推荐 5 个优质且好用的 Chrom ...

  8. 纯JavaScript 实现JSON数据导出到Excel(支持多个Sheet页)

    核心思想: 拿到JSON 格式的数据后,使用JS逻辑生成符合 EXCEL格式规范的XML字符串 然后转字符串内容把换成一个Blob 实例对象 最后通过 临时创建的一个A标签通过触发它的点击事件模拟浏览 ...

  9. java html导出excel插件_excel插件实现html表格生成excel

    [实例简介] [实例截图] [核心代码] jQuery HTML表格生成Excel文件插件 带noExlclass的行不会被输出到excel中带noExlclass的行不会被输出到excel中这一行会 ...

最新文章

  1. C#操作IIS站点 Microsoft.Web.Administration.dll
  2. hdu 1233 还是畅通工程(最小生成树的Prim和Kruskal两种算法的c++实现)(prim算法详解)...
  3. 用WPF做了几个小游戏
  4. 11、mysql数据表中数据的查询(3)
  5. activiti前端画图转化_记Activiti入门使用-2 流程绘制、导入及开始一个流程
  6. gis里创建要素面板怎么打开_周末技术流 | GIS三维热力图分析
  7. 反复出现的PSW木马, 附日志,请高手指点
  8. linux anaconda搜索路径,Anaconda安装及虚拟环境搭建教程(linux)
  9. DOM_xss预备知识
  10. dpdk LRO功能总结
  11. 变限积分求导公式总结_变限积分求导公式是什么?
  12. Ubuntu 20 / 21 - KDE 配置Nvidia 独立显卡
  13. 游戏编辑器制作(8)
  14. WebGL简易教程(十五):加载gltf模型
  15. Android系统各个版本系统特性整理(1.1-6.0)
  16. 《数据可视化技术》 太平洋汽车销售分析
  17. 华虹技通华为鸿蒙,浩丰科技(300419)个股分析_牛叉诊股_同花顺财经
  18. iOS开发之视频播放时出现播放不了的情况
  19. MathType公式行间距与文档参数不统一的解决办法
  20. WordPress多语言翻译插件小语种互译

热门文章

  1. Postman入门教程之详细下载及安装教程
  2. php m4a文件头,m4a文件扩展名,m4a文件怎么打开?
  3. 系统分析与设计——状态图画法
  4. 里奥老师乾坤大挪移—DevC++5.11与字符集
  5. 使用loadrunner 录制APP脚本
  6. Linux将文件解压到指定文件夹*
  7. 有源rc电压放大器实验报告_射频工程师需要掌握的射频电路设计中的射频有源器件知识...
  8. 什么是光学生物传感器存储?第2部分---凯利讯半导体
  9. Dzzoffice管理员密码找回
  10. 慕课数据挖掘与python实践答案_中国大学MOOC慕课_数据挖掘与python实践_答案公众号...