将html中的内容导出为word文件
用jquery.js方法
第一步,先引入三个js文件
<script src="js/jquery.js"></script>
<script src="js/FileSaver.js"></script>
<script src="js/jquery.wordexport.js"></script>
要先引入上面的两个文件再引入 wordexport
文件
下载地址:
https://github.com/eligrey/FileSaver.js/
https://github.com/markswindoll/jQuery-Word-Export
我把源码附上吧,找来找去还挺麻烦的
FileSaver.js的源码
第二步,将要下载的内容写在一个id上(后续通过id获取想要下载的内容)
如
<div id='download'>测试测试测试测试测试</div>
样式要写到行内
第三步,写文字绑定下载事件
<button class='dd' onclick="dowload();" style="width: 55px">下载</button>
`function dowload(){
$("#dd").hide();
$('#download').wordExport('检查记录表');
}
- 官方是这样写的(很jquery,哈哈)
<button id=“export">导出</button>
$("#export").click(function(){
$("#download").wordExport();
});
这是目前是我接手一个需要下载一个表格时用到的,先简单记录下,查阅资料发现还有下载图片,echarts表格的,需要先将ECharts保存为图片,存储到项目中固定的文件夹下,再将图片地址赋值到src中,后期遇到再详细记录和补充
本文作者:张尊娟
本文链接:https://www.cnblogs.com/wszzj/p/13793792.html
版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步