需求分为两步：报告预览和报告生成。 报告预览在前端进行展示，可使用前端技术，如React/Vue等技术栈对其进行还原，数据从服务端获取。 体检报告展示形式如下，格式相对固定，分为四个页面：个人信息页，建议页，原理页，个人信息页与建议页数据来源于服务器。 canvas是HTML5…

这一次我们来聊聊如何把页面转换成Pdf文件，经常会有这种场景，一些合同、协议等的页面需要进行下载，而且需要和页面保持一致，那么最好的方式就是直接把页面转换成相应的格式就好了，目前基本上就是Doc和Pdf这2种比较流行，我们就以Vue写的页面为例来看看如何转成Pdf文件。

基于Vue框架开发，前端实现PDF文件导出功能，有多种实现方案，现大概介绍下如何使用html2canvas + jspdf来实现。 点击“导出按钮”，导出并下载指定内容的PDF文件。 调研了下，决定采用html2canvas + jspdf插件来实现，大致原理是使用html2c…

就这样，浏览器就会将生成的Excel文件自动下载到本地，下面是实际效果。 使用过WebGL的同学应该知道，这是浏览器与显卡之间的通信接口，为了满足JavaScript与显卡之间大量且实时的数据交换，它们之间的通信数据必须是二进制，而不能是传统的文本格式。如果以文本格式传递一个3…

实现的demo如果有更多需要参考xlsx库的github，部分参考大神的研究导出excel的逻辑：excel整个表格专业名词是workbook，里面每张表格是sheet页面引入xlsx的库，https

相关教程: 纯前端利用 js-xlsx(3) 之合并单元格 纯前端利用 js-xlsx 实现 Excel 文件导入导出功能示例(2) handsontable结合js-xlsx实现可编辑xlsx导入导出功能(参考) js-xlsx异步文件流读取示例

​ 最近工作中接到一个需求，是将页面中的表格数据给整合成Excel文件给用户下载，这个问题最开始的想法是后端直接生成一个文件流就好了，但是他要求要有文件的格式和部分文本的样式。但是后端觉得麻烦，就丢给可怜又无助的前端来做。 ​ 本来先想着就直接使用sheetJS提供的js-xl…

这种导出，我最喜欢了，后端比较有良心，前端很省事。当然在这种场景下，还分两种情况。 域名是请求后端的域名，不是前端页面的域名。项目一般是给多个客户使用，故后端的域名一般都交给运维来配置。项目中这么实现。 在静态资源public文件夹中建立config.js文件和config.j…

1. 调用后端接口导出文件 会打开一个新窗口，开始下载后会自动关闭新窗口。Safair 下载后没有关闭新窗口。 在HTML中，iframe 的属性用src，但在JS中，只有部份浏览器支持修改src(读是没问题)，真正通用的是要修改对应框架的href值。 HTML5中给a标签增加…