用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=" 55px">下载</button>
`function dowload(){
$("#dd").hide();
$('#download').wordExport('检查记录表');
}
- 官方是这样写的(很jquery,哈哈)
<button id=“export">导出</button>
$("#export").click(function(){
$("#download").wordExport();
});
这是目前是我接手一个需要下载一个表格时用到的,先简单记录下,查阅资料发现还有下载图片,echarts表格的,需要先将ECharts保存为图片,存储到项目中固定的文件夹下,再将图片地址赋值到src中,后期遇到再详细记录和补充