3932dad0-05e4-409f-86bc-1c3100aee925.png

今天要解决的问题是，将页面上的一部分内容转换成pdf，并且存储起来。如上图所示，我们的内容包括了文字，图片，表格。表格甚至还有边框和背景颜色等样式的设置。

初始html代码如下：

标题

先实现将页面内容转换成pdf并下载下来

下载js文件，并在页面中引入js文件

html2pdf.bundle.min.js

项目github地址

修改html，增加一个执行按钮，将要转换成pdf的部分用一个div包裹起来，并且给div一个id属性

转pdf

标题

表格1	表格1	表格1	表格1	表格1
表格1	表格1	表格1	表格1	表格1
表格1	表格1	表格1	表格1	表格1

实现javascript方法

方法很简单，先根据id找到dom元素，然后调用html2pdf(element)方法，把dom作为参数传递进去

将pdf文件存储到后台

先获取pdf文件

上传到服务器

上1步已经得到了pdf文件的base64编码的字符串，然后通过http客户端把字符串发送到后台进行保存就行了。

可以使用jquery的ajax方法来实现前后台的交互