希望明天越|

张尊娟

园龄:5年3个月粉丝:31关注:1

将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 中国大陆许可协议进行许可。

posted @   张尊娟  阅读(602)  评论(0编辑  收藏  举报
点击右上角即可分享
微信分享提示
评论
收藏
关注
推荐
深色
回顶
收起