首页 > 其他分享 >js直接下载PDF

js直接下载PDF

时间:2023-07-24 09:22:05浏览次数:33  
标签:function exportPdf js content var PDF 下载

1、前端引入js

 

<script type="text/javascript"
            src="${pageContext.request.contextPath}/modules/util/downDoc/html2pdf.js"></script>

2、js方法

html定义div

$("#downPrint").click(function () {
    exportPdf();

});
/*下载Pdf文件*/
function exportPdf() {
    var content = document.getElementById('div_print');
    var options = {
        margin: 10,
        filename: '拟文单.pdf',
        image: { type: 'jpeg', quality: 0.98 },
        html2canvas: { scale: 2 },
        jsPDF: { unit: 'mm', format: 'a4', orientation: 'portrait' }
    };
    html2pdf().from(content).set(options).save();
}

 

标签:function,exportPdf,js,content,var,PDF,下载
From: https://www.cnblogs.com/qxqbk/p/17576397.html

相关文章

  • 快速切换 nodejs 的版本
    最近在开发一个常驻进程、定时任务统一调度系统,以应对开发在进程管理方面遇到的各种复杂问题。组里开发项目,一般来说是一个人承包整个项目,包括调度器设计,还有后台系统。我还有一部分工作,是队列相关的信息,这个由监控同学负责,到时候我后台聚合他的数据一并展示。然后我就遇到问题......
  • 初入 H5 Canvas 框架 Konva.js
    什么是KonvaKonva.js是一个H5Canvas的JavaScript框架,我们可以通过制作桌面端和移动端的apps。Konva支持动画、转换、节点嵌套、图层、过滤、缓存、事件(桌面端和移动端)等。在Konva中,所有的图形都存在于stage中,即便是你的app使用了成百上千的shapes(图形)也可以在s......
  • Linux 查看office文件及pdf文件
    1.查看pdf文件evincePdfFile_name查看office文件openoffice.org文件名&//打开或者编辑.doc.odt等文本文档命令openoffice.org-a文件名.doc&//打开演示文件命令openoffice.org-g文件名....&//打开电子表格:openoffice.org-c文件名&sofficefile_na......
  • nodejs sqlite报错 typeorm[ Expression tree is too large (maximum depth 1000)]
    最近在给公司开发一个工具时,使用SQLite,然后突然发现报错:(node:16195)UnhandledPromiseRejectionWarning:QueryFailedError:SQLITE_ERROR:Expressiontreeistoolarge(maximumdepth1000)athandler(/snapshot/server-work/node_modules/typeorm/driver/sqlite/Sql......
  • 如何将jsp中的值传到java代码中
    在JSP中,我们可以使用Java代码与HTML代码相结合,实现动态网页的开发。有时候我们需要将JSP页面中的值传递到后台的Java代码中进行处理,这时候可以通过以下几种方式实现。使用表单提交数据:我们可以在JSP页面中使用HTML的表单标签,通过表单的提交将值传递到后台的Java代码中。下面是一......
  • json-server
    前端必备技能:json-server全攻略在项目的初始阶段,后端提供的接口或数据可能是不完整的,作为一名前端开发工程师,不可避免的要使用mock的数据。如果此时的你不想使用简单的静态数据,而是想自己在本地启动一个server来模拟请求相关的操作,那么json-server是一个不错的选择。json-serve......
  • python将xml文件转换为json
    转载自:如何使用Python实现XML转JSON-知乎(zhihu.com)代码:importosimportjsonimportxmltodictdefxml_to_JSON(xml):#格式转换try:convertJson=xmltodict.parse(xml,encoding='utf-8')jsonStr=json.dumps(convertJson,indent=1)......
  • 设计模式:可复用面向对象软件的基础 pdf电子书分享
    《设计模式:可复用面向对象软件的基础》是引导读者走出软件设计迷宫的指路明灯,凝聚了软件开发界几十年设计经验的结晶。四位顶尖的面向对象领域专家精心选取了最具价值的设计实践,加以分类整理和命名,并用简洁而易于重用的形式表达出来。本书已经成为软件开发人员的圣经和词典,书中定......
  • C#解析匿名JSON数据
    C#解析匿名JSON数据使用工具:Newtonsoft.Json使用方式://模拟数据varjsonData=JsonConvert.SerializeObject(new{Name="张三",Id=1,Age=18,UserName="123123"});JObjectjObject=JObject.Parse(jsonData);//解析数据varname=jObject["Name"......
  • Node.js下载安装教程
    一、下载安装包1、百度网盘自提链接:链接:https://pan.baidu.com/s/1Bbw895MtUgjlfZylPHCCxw 提取码:x89v 2、进入官网下载https://nodejs.org/zh-cn/download/选择对应版本,我这里选的windows64位版本 二、安装程序1、双击下载好的安装包,出现这个界面点【next】2、选......