jquery插件导出excel和pdf（解决中文乱码问题）
参考文件：http://jackyrong.iteye.com/blog/2169683
https://my.oschina.net/aruan/blog/418980
https://segmentfault.com/a/1190000013168209
js引用文件地址：https://files.cnblogs.com/files/likui-bookHouse/tableExport.jquery.plugin-master.rar
html文件代码：
<html>
<head>
<title>Export html table to excel and csv using jquery</title>
<script src="~/Content/js/jquery-1.7.1.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
<script type="text/javascript" src="~/Content/js/excel/jquery.base64.js"></script> <script type="text/javascript" src="~/Content/js/excel/tableExport.js"></script> <script type="text/javascript" src="~/Content/js/excel/jspdf/libs/sprintf.js"> </script> <script type="text/javascript" src="~/Content/js/excel/jspdf/jspdf.js"></script>
<script type="text/javascript" src="~/Content/js/excel/jspdf/libs/base64.js"></script> </head>
<body>
[align=right]
<br><br><br>
<button class="btn btn-success" onClick="$('#customers').tableExport({type: 'excel', escape: 'false'});">Excel Export</button>
<button class="btn btn-success" onClick="$('#customers').tableExport({type: 'pdf', escape: 'false'});">CSV Export</button>
<br><br>
[/align]
<table id="customers" class="table table-striped table-bordered">
<thead>
<tr class='warning'>
<th>Country</th>
<th>Population</th>
<th>Date</th>
</tr>
</thead>
<tbody>
<tr>
<td>Chinna</td>
<td>,,,</td>
<td>March , </td>
</tr>
<tr>
<td>India</td>
<td>,,,</td>
<td>March , </td>
</tr>
<tr>
<td>United States</td>
<td>,,</td>
<td>March , </td>
</tr>
<tr>
<td>Indonesia</td>
<td>,,</td>
<td>July , </td>
</tr>
<tr>
<td>Brazil</td>
<td>,,</td>
<td>July , </td>
</tr>
<tr>
<td>澳大利亚</td>
<td>2018年3月20日</td>
<td>二零一八年三月二十日</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
显示效果：
导出pdf（解决中文乱码问题）
导出过程中发现中文显示乱码，根据文档发现jsPDF不支持中文，网上资料是使用html2canvas方式转换canva方式，并不是十分灵活。后根据项目jsPDF-CustomFonts-support引入中文字体，解决了导出pdf后中文字体显示乱码的问题。
将项目源码下载到本地，dist文件夹下为相关脚本,font文件夹下为相关字体文件。
脚本实现：tabExport.js 中的代码
}else if(defaults.type == 'pdf'){
//var doc = new jsPDF('p','pt', 'a4', true);
//doc.setFontSize(defaults.pdfFontSize);
var doc = new jsPDF('p', 'pt', 'a6'); //a4：表示打印的pdf纸张大小（这个设置得越大，会显得内容越小）
doc.addFont('NotoSansCJKtc-Regular.ttf', 'NotoSansCJKtc', 'normal'); //添加字体
//pdf标题设置
doc.setFont('NotoSansCJKtc'); //设置字体
//pdf标题设置
doc.text(, , '导出标题'); //并且设置字体大小为5。（之前采用它默认的字体大小，打印的pdf字体都堆在一起了。都是泪啊！）
doc.setFontSize();
好了，pdf文件打印出来了，看效果吧!
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
第二种打印pdf的方法（把文字部分转换为图片类型，然后再打印成pdf文件）
4、具体操作
1）下载jspdf插件，官网有。
2）html页面引用两个js文件 jspdf.debug.js 和 html2canvas.js （利用该插件将html页面转化成图片，在插入到pdf中）
这里我没引入jspdf.debug.js,而是引用的jspdf.js（它们都包含了所有文件）
3）编写一个js方法 即可实现 转化pdf。并可以指定导出区域。
pdf.js中的方法代码：
function exportPhotoPdf() {
if(confirm("您确认下载打印pdf的功能模板?")){
var pdf = new jsPDF('p','pt','a4');
// 设置打印比例 越大打印越小
pdf.internal.scaleFactor = ;
var options = {
pagesplit: true, //设置是否自动分页
"background": '#FFFFFF' //如果导出的pdf为黑色背景，需要将导出的html模块内容背景 设置成白色。
};
var printHtml = $('#customers').get(); // 页面某一个div里面的内容，通过id获取div内容
pdf.addHTML(printHtml,, , options,function() {
pdf.save('pdf打印功能测试.pdf');
});
}
}
点击打印按钮，打印效果如下：
总结：这种方法导出的pdf格式效果最理想，但是不支持中文。并且相对于第一种方法，清晰度不够。第一种方法虽然很清晰，但样式消失了。算是各有各的优点吧！
jquery插件导出excel和pdf（解决中文乱码问题）的更多相关文章
- Eclipse导出JavaDoc（并解决中文乱码问题）
一. 使用Eclipse生成注释文档 使用eclipse生成文档(javadoc)主要有三种方法: 1,在项目列表中按右键,选择Export(导出),然后在Export(导出)对话框中选择java下的 ...
- Java导出Excel表(poi)名中文乱码问题处理
<pre name="code" class="java">String _filename = ValidateTools.date2Str(da ...
- php不使用插件导出excel
php不使用插件导出excel的简单方法,首先获取需要导出的数据的数组,数组的格式在下面. 之后就是定义文件名称和需要导出的excel的样式,最后就是循环数组,输出数据了 代码: $filename= ...
- 导出excel和PDF小结 vba
最近接触了一个关于Access工具的项目,所以整理下需要使用的方法. 功能要求简介: 1.将数据表中的数据导出到excel和PDF 2.并根据某个字段名称分sheet输出. 3.无模板方式 方案简介: ...
- Debian 6解决中文乱码
DEBIAN下中文显示 一.首先检查LOCALE情况 说明:DEBIAN因为基于GNU所以,对不同地域进行了不同的包支持,以LOCALE形式存在. 1.挂载ISO文件包,前8个ISO包就可以(这里不在 ...
- Sublime Text 2—解决中文乱码
Sublime Text 2是一个非常棒的代码及文本编辑器,绿色小巧.速度飞快,跨平台支持Win/Mac/Linux,支持32与64位,支持各种流行编程语言的语法高亮.代码补全等,有着许多其他编辑器没 ...
- jxl解析excel时，处理中文乱码问题
jxl解析excel时,处理中文乱码问题 一般出现较多的问题是,当exce中包含了中文或特殊字符时,在解析时候就会出现乱码现象. 解决方法为: InputStream in = new FileInp ...
- 增加UBUNTU字符集 解决中文乱码问题
对GBK,GB2312,GB18030字符集的支持是UBUNTU中文乱码的罪魁祸首,其实我们可以在保持UTF-8为默认编码的条件下添加对这几个编码的支持,以解决中文乱码问题. 我想这个问题肯定有其他人 ...
- zabbix解决中文乱码问题（没有测试成功）
zabbix解决中文乱码问题 1.在windows系统中找一个自己喜欢的字体,这里我们用:msyh.ttf 2.将字体上传至/var/www/html/zabbix/fonts目录下 [root@za ...
随机推荐
- Spring Boot 解决方案 - JUnit 测试
简单的 JUnit 项目 回顾一下创建并运行简单的 JUnit 测试项目,先添加 JUnit 依赖然后编写类似如下模板的测试类,使用 IDE 的话直接用插件运行就行, 使用 Maven 的话运行命令 ...
- java SynchronousQueue
SynchronousQueue 内部没有容量,但是由于一个插入操作总是对应一个移除操作,反过来同样需要满足.那么一个元素就不会再SynchronousQueue 里面长时间停留,一旦有了插入线程和移 ...
- 28-hadoop-hbase入门小程序
hbase的完全分布式建立起来了, 可以试下好使不 1, 导包, {HBASE_HOME}/lib 下所有的jar包, 导入 2, 使用junit测试, 会报错, 因为缺少一个jar 3, 获取链接, ...
- java开发细节问题，spring的单例模式，多线程同步问题
1.对象的赋值,new一个对象,然后在传递给函数赋值,往往这对对象赋值就可以使用了 2.对于 spring开发的细节问题 Spring框架里的bean,或者说组件,获取实例的时候都是默认的单例模式,这 ...
- WPF绑定的ListBox获取ListBoxItem及GoToState应用
现公司项目中需要制作一个扇形菜单,菜单项是用ListBox重写Style实现的,其数据是绑定的.菜单的每一项都有Normal,MouseOver和Selected三种状态,这三种状态当然可以通过鼠标移 ...
- 复刻smartbits的国产网络测试工具minismb-如何测试协议限速
复刻smartbits的网络性能测试工具MiniSMB,是一款专门用于测试智能路由器,网络交换机的性能和稳定性的软硬件相结合的工具.可以通过此工具测试任何ip网络设备的端口吞吐率,带宽,并发连接数和最 ...
- gpexpand分析
欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 本文由maxluo发表于云+社区专栏 一. gp扩容步骤 1.1 初始化机器 目标:新增加的机器需要初始化和已有机器环境一样. 具体包括不限 ...
- （转）mybatis热加载（依赖mybatis-plus插件）的实现
最近在使用mybatis,由于是刚刚开始用,用的并不顺手,目前是感觉有2个地方非常的不好用: 1.mybatis调试不方便 由于dao层只有接口,实现只是一个map的xml文件,想加断点都没有地方加, ...
- sqlplus sys as sysdba
Enter user-name:sys Enter password:password as sysdba --以sys用户登陆的话 必须要加上 as sysdba 子句
- 并发编程之 CountDown 源码分析
前言 Doug Lea 大神在 JUC 包中为我们准备了大量的多线程工具,其中包括 CountDownLatch ,名为倒计时门栓,好像不太好理解.不过,今天的文章之后,我们就彻底理解了. 如何使用? ...