js window.print 自动保存为PDF

将HTML页面自动保存为PDF文件并上传的两种方式（一）-前端（react）方式

一.业务场景公司的样本检测报告以React页面的形式生成,已调整为A4大小的样式并已实现分页,业务上需要将这个网页生成PDF文件,并上传到服务器,后续会将这个文件发送给客户(这里不考虑). 二.原来的实现形式浏览器原生方法:window.print()可以将网页保存为PDF文件,由于检测报告的网页已经调整为A4的样式,所以保存下来后即是一个标准的PDF文档,然后将保存下来的PDF文件上传到服务器,即可实现需求. 三.存在的问题调用window.print()方法后需要手动保存PDF到本地,

在网页上打印，js window.print

window.print默认会打印出当前页在屏幕中显示的部分,可以实现在线打印

使用Js将页面打印或保存为Pdf

很久没有写前端的文章了,今天就来说说js一个比较方便的功能,打印当前页面或保存成pdf吧. js有一个原生的函数,print(),顾名思义就是打印.但是有时候我们需要打印页面某些部分,所以需要对页面进行处理一下: 可以写一个函数去封装: function preview() { body = window.document.body.innerHTML; startpoint= ""; endpoint= "<!--endp

[Q]AdobePDF虚拟打印机自动保存PDF

使用打图精灵打印时,选择“Adobe PDF”虚拟打印机打印(注意不选择“打印到文件”),每张图纸都会弹出一个保存对话框,如何避免? 从操作系统->控制面板->硬件和声音->设备和打印机,找到“Adobe PDF”打印机在“Adobe PDF”打印机上右键,“打印首选项”,“Adobe PDF 输出文件夹”下选择“Document\*pdf”,以后打印时文件会自动命名保存到“我的文档”目录下. 注意此方法仅适用于一个dwg只有一张图的情形,因为使用Adobe打印的PDF文件只能一页一

【JS】window.print打印指定内容

有时候网页用到打印但是不想打印所有内容,就需要只打印指定内容,下面简单演示下如何打印指定内容 1.在需要打印的指定内容的头部前面加“”,在尾部后面加上“”  <div> 需要打印的内容 </div>  2.添加JS代码 <script language=javascript> function d

php实现input输入框失去焦点自动保存输入框的数据

最近做一个输入框失去焦点时自动保存数据的功能,当然就是jQuery选择器选择input,blur时,ajax提交数据给php文件,php文件保存一下数据咯.主要是要注意一下中文的问题,所以中间需要转一下编码. 下面的实例是一个列表页,有一点类似excel了. html代码: 代码如下复制代码 <table width=”100%” align=”left” border=”0″ cellspacing=”0″ bgcolor=”#CCCCCC”><tr onmouseover=”th

window.print控制打印样式

我们可能会去使用window.print()方法来打印页面,但是当我们遇到需要改变打印时候的字体大小等css样式的时候你可能会懵逼. 所以搜索成了我们的必经之路,我相信在网上搜索出来的最好的答案就是使用js来新打开一个页面,设置其中的样式在去打印. 初略一看,这个方案还是可以接受的,最起码实现了功能,虽然很不优雅. 其实如果你熟悉@media 的话,你可能会忽略掉一个功能,那就是控制打印样式! @media print { selector { ... } } 这个规则会在我们调用window.

爬取博主的所有文章并保存为PDF文件

继续改进上一个项目,上次我们爬取了所有文章,但是保存为TXT文件,查看不方便,而且还无法保存文章中的代码和图片. 所以这次保存为PDF文件,方便查看. 需要的工具: 1.wkhtmltopdf安装包,下载并安装到电脑上,可使用 pip安装 ,注意环境变量的配置.具体参见下面的资料. 2.pdfkit文件(whl文件),下载并安装到pycharm上. 注意安装 whl 文件时:最好吧把保存 whl文件的文件夹的路径 D:\learning python\Scripts 添加到环境变量里面

使用pdf.js实现前端页面预览pdf文档，解决了跨域请求

pdf.js主要包含两个库文件,一个pdf.js和一个pdf.worker.js,,一个负责API解析,一个负责核心解析官网地址:http://mozilla.github.io/pdf.js/ 下载pdf.js插件解压后有 web 和 build 两个文件夹如图运行示例将解压后的文件直接仍到项目路径下访问 ip:port/文件夹名称/web/viewer.html 显示的是 web 文件夹下的compressed.tracemonkey-pldi-09.pdf 修改默认打开P

JS - 使用 html2canvas 将页面转PDF

JS - 使用 html2canvas 将页面转PDF 本方法可以将页面元素块转为pdf. 网站地址 jspdf.js 官网地址:http://jspdf.com GitHub 主页:https://github.com/MrRio/jsPDF jspdf.js 文档:https://artskydj.github.io/jsPDF/docs/jspdf.js.html html2canvas.js 官网地址:https://html2canvas.hertzen.com/ html2canva

JS倒计时网页自动跳转代码

<title>JS倒计时网页自动跳转代码</title> <script language="JavaScript" type="text/javascript"> function delayURL(url) { var delay = document.getElementById("time").innerHTML; if(delay > 0) { delay--; document.getElem

unity自动保存项目

原文来自于:http://wiki.unity3d.com/index.php?title=AutoSave#C.23_-_AutoSave.cs (奋斗的菜鸟_1029633680) 很多时候,在编写项目时,遇见unity 的Buge导致强制退出,这时根本来不及保存hierarchy视图中的东西,这是一件很糟糕的事情,所以在今天看资料时,有幸的看到了这篇自动保存项目场景的源码.很是不错. 源码如下: 1 using UnityEngine; 2 using UnityEditor;

自己写了一个类似百度空间自动保存草稿的程序 php+jquery

可以异步加载mysql中的草稿~,异步更新草稿列表~ 下载地址:http://download.csdn.net/source/3479156 代码: demo.php <?php mysql_connect("localhost","root","root"); mysql_select_db("test"); mysql_query("SET CHARACTER SET GB2312"); if(

用window.print()打印指定div里面的内容

用window.print()打印指定div里面的内容今天客户让添加个打印证照功能,直接用window.print()打印的是整个页面,而用以下方法就可以只打印证明了  <html> <head> <script language="javasc

【repost】js window对象属性和方法相关资料整理

window对象有以下方法: open close alert confirm prompt setTimeout clearTimeout setInterval clearInterval moveBy moveTo resizeBy resizeTo scrollBy scrollTo find back forward home stop print blur focus captureEvent enableExternalCapture disableExternalCapture

fiddler自动保存请求报文

先来看一张自动保存的请求片段重点来了,下面是实现的js代码操作步骤 Fiddler菜单 >> Rules >> Customize Rules 如果提示没有下载Fiddler ScriptEditor则按提示下载后进入下一步操作安装好Fiddler ScriptEditor后,就能打开Customize Rules.js文件编辑Customize Rules.js文件,并保存重启fiddler 保存Request 把下面代码贴在OnBeforeRequest()方法末

【转载】Unity插件研究院之自动保存场景

原文: http://wiki.unity3d.com/index.php?title=AutoSave 最近发现Unity老有自动崩溃的BUG. 每次崩溃的时候由于项目没有保存所以Hierarchy视图游戏对象与游戏资源的关系就会丢失.所以想到自动保存场景. 本来想自己写一个这样的脚本,但是发现维基百科上已经有了... using UnityEngine; using UnityEditor; using System; public class AutoSave : EditorWindo

js window对象属相和方法相关整理资料

window对象有以下方法: open close alert confirm prompt setTimeout clearTimeout setInterval clearInterval moveBy moveTo resizeBy resizeTo scrollBy scrollTo find back forward home stop print blur focus captureEvent enableExternalCapture disableExternalCapture

使用JavaScript将当前页面保存成PDF，支持图片和文字的保存

前端开发的朋友们可能会遇到这个需求:将您负责开发的网页的全部内容,包括文字和图片,一起保存成一个PDF文件.如果采用屏幕截图的话,默认Windows操作系统的截图按钮无法完整截取超过一屏幕的屏幕内容. 我在网上找了一段时间,搜集到了一些解决方案,在这里分享给广大程序员. 这个解决方案包含了两个步骤,将前端页面转化为PDF: 1. 遍历当前网页的DOM结构,收集所有DOM树上每个节点的元素信息及相应样式,渲染出canvas图像.这个遍历和渲染操作封装在脚本文件html2canvas.js里. 2.

自动保存草稿 asp+ajax自动存稿功能详解（转自影子）

自动保存草稿功能的原理我们都知道网页是一种无状态的,每次都需要请求,响应,当一次请求完成后就与服务器断开连接了,所以我们不能像网页一样实现实时的交互功能,但是为了满足更多的需求一个比较无敌的程序员还是想到了实时交互的办法,所以ajax诞生了,这项技术最先应用于google地图,后来逐渐被大众化,所谓ajax其实是一项异步请求技术,简单来理解就是我们在看页面的时候当页面的内容发生了改变,我们不需要刷新页面,而是通过后台程序向服务器发送这个请求,然后再把响应结果悄无声息的展现在页面上,那么我们自动

js window.print 自动保存为PDF

热门专题