CN114065079A - 一种用于Web生成PDF文件的方法与设备 - Google Patents
一种用于Web生成PDF文件的方法与设备 Download PDFInfo
- Publication number
- CN114065079A CN114065079A CN202111417804.8A CN202111417804A CN114065079A CN 114065079 A CN114065079 A CN 114065079A CN 202111417804 A CN202111417804 A CN 202111417804A CN 114065079 A CN114065079 A CN 114065079A
- Authority
- CN
- China
- Prior art keywords
- target
- target area
- pdf file
- web page
- picture
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/10—File systems; File servers
- G06F16/11—File system administration, e.g. details of archiving or snapshots
- G06F16/116—Details of conversion of file system types or formats
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/103—Formatting, i.e. changing of presentation of documents
- G06F40/106—Display of layout of documents; Previewing
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请的目的是提供一种用于Web生成PDF文件的方法与设备。与现有技术相比,本申请通过获取用户设备发送的转换请求,其中,所述转换请求携带目标web页面的路径信息以及目标区域标识信息;基于所述目标web页面的路径信息以及目标区域标识信息将对应的目标区域导出为目标图片;基于所述目标图片生成PDF文件并将所述PDF文件返回至所述用户设备。通过这种方式,无需将整个目标web页面进行PDF转换,可实现将目标web页面上的目标区域转换成PDF文件,灵活度高,提高了用户体验。
Description
技术领域
本申请涉及计算机技术领域,尤其涉及一种用于Web生成PDF文件的技术。
背景技术
在日常web开发中,用户经常会有导出文档的需求,例如常用的就有PDF的导出,目前在web前端导出PDF方案中,通常都是将整个web页面进行导出,导致灵活性差,用户体验度低。
发明内容
本申请的目的是提供一种用于Web生成PDF文件的方法与设备,以解决现有技术中只能对整个web页面导出的问题。
根据本申请的一个方面,提供了一种用于在网络设备端Web生成PDF文件的方法,其中,所述方法包括:
获取用户设备发送的转换请求,其中,所述转换请求携带目标web页面的路径信息以及目标区域标识信息;
基于所述目标web页面的路径信息以及目标区域标识信息将对应的目标区域导出为目标图片;
基于所述目标图片生成PDF文件并将所述PDF文件返回至所述用户设备。
进一步,其中,所述基于所述目标web页面的路径信息以及目标区域标识信息将对应的目标区域导出为目标图片包括:
打开无界面浏览器实例并传入所述目标web页面的路径信息;
待页面渲染完毕后,将所述目标区域标识信息对应的目标区域导出为目标图片。
进一步地,其中,所述基于所述目标图片生成PDF文件包括:
将所述目标图片转换为base64字符串并创建新的标签页;
在所述标签页植入动态脚本并基于所述base64字符串实现图片加载;
在图片加载完成后,执行将页面生成PDF文件的操作。
可选地,其中,所述方法的执行通过在网络设备端构建Puppeteer.js+node.js+express的服务方式实现。
可选地,其中,所述目标区域包括所述目标web页面上的任意区域。
根据本申请的另一方面,还提供了一种用于在用户设备Web生成PDF文件的方法,其中,所述方法包括:
向网络设备发送转换请求,其中,所述转换请求携带目标web页面的路径信息以及目标区域标识信息;
接收所述网络设备基于所述转换请求返回的PDF文件。
根据本申请的再一方面,还提供了一种计算机可读介质,其上存储有计算机可读指令,所述计算机可读指令可被处理器执行以实现如前述方法的操作。
与现有技术相比,本申请通过获取用户设备发送的转换请求,其中,所述转换请求携带目标web页面的路径信息以及目标区域标识信息;基于所述目标web页面的路径信息以及目标区域标识信息将对应的目标区域导出为目标图片;基于所述目标图片生成PDF文件并将所述PDF文件返回至所述用户设备。通过这种方式,无需将整个目标web页面进行PDF转换,可实现将目标web页面上的目标区域转换成PDF文件,灵活度高,提高了用户体验。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述,本发明的其它特征、目的和优点将会变得更明显:
图1示出根据本申请一个方面的一种用于Web生成PDF文件的方法流程图。
附图中相同或相似的附图标记代表相同或相似的部件。
具体实施方式
下面结合附图对本发明作进一步详细描述。
在本申请一个典型的配置中,终端、服务网络的设备和可信方均包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括非暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
为更进一步阐述本申请所采取的技术手段及取得的效果,下面结合附图及较佳实施例,对本申请的技术方案,进行清楚和完整的描述。
图1示出本申请一个方面提供的用于Web生成PDF文件的方法流程图。本实施例的方法可由用户设备1与网络设备2相互配合来实现。其中,所述方法包括:
S11用户设备1向网络设备2发送转换请求,相应地,所述网络设备2接收所述转换请求,其中,所述转换请求携带目标web页面的路径信息以及目标区域标识信息;
S12网络设备2基于所述目标web页面的路径信息以及目标区域标识信息将对应的目标区域导出为目标图片;
S13网络设备2基于所述目标图片生成PDF文件;
S14网络设备2将所述PDF文件返回至所述用户设备1,相应地,用户设备1接收所述网络设备2基于所述转换请求返回的PDF文件。
在本申请中,用户设备包括能够连接无线接入点且能够与网络设备进行信息交互的设备,比如,用户设备包括但不限于任何一种可与用户通过触摸板进行人机交互的移动电子产品,例如智能手机、平板电脑等,所述移动电子产品可以采用任意操作系统,如android操作系统、iOS操作系统等。
所述网络设备包括但不限于计算机、网络主机、单个网络服务器、多个网络服务器集或多个服务器构成的云;在此,云由基于云计算(Cloud Computing)的大量计算机或网络服务器构成,其中,云计算是分布式计算的一种,由一群松散耦合的计算机集组成的一个虚拟超级计算机。
具体地,在所述步骤S11中,用户设备1向网络设备2发送转换请求,相应地,所述网络设备2接收该转换请求。在此,所述转换请求用以请求对目标web页面进行PDF转换,其中,所述目标web页面的路径信息为所述目标web页面的标识信息,例如URL信息;所述目标区域标识信息用以标识所述目标web页面上的目标区域,例如,所述目标区域标识信息为css选择器标识,优选地,所述目标区域为所述目标web页面上的任意区域。
继续在该实施例中,在所述步骤S12中,网络设备2基于所述目标web页面的路径信息以及目标区域标识信息将对应的目标区域导出为目标图片。在此,所述目标图片的格式包括但不限png格式,具体的图片格式在本申请中不做限定。具体地,网络设备2会基于目标区域标识信息在目标web页面中确定对应的目标区域,然后将对应的目标区域导出为目标图片。
优选地,其中,所述步骤S12包括:打开无界面浏览器实例并传入所述目标web页面的路径信息;待页面渲染完毕后,将所述目标区域标识信息对应的目标区域导出为目标图片。具体地,可通过无界面浏览器实例来实现,可先传入目标web页面对应的路径信息,或者直接将该路径信息与目标区域标识信息一起传入,然后基于该路径信息使页面渲染完毕后,再通过目标区域标识信息确定目标区域并将该目标区域导出为目标图片。
继续在该实施例中,在所述步骤S13中,网络设备2基于所述目标图片生成PDF文件。
优选地,其中,所述基于所述目标图片生成PDF文件包括:将所述目标图片转换为base64字符串并创建新的标签页;在所述标签页植入动态脚本并基于所述base64字符串实现图片加载;在图片加载完成后,执行将页面生成PDF文件的操作。具体地,若目标图片为png格式,则将保存的png图片转为base64字符串,然后再打开一个新的标签页面,并插入动态脚本,脚本中创建一个Image的dom元素,并把base64字符串设置为图片的src属性,并给图片添加onload事件,待图片加载完成后,执行将页面导出为PDF文件的操作,然后将PDF文件返回给用户设备,或者,将PDF文件存到本地,然后将PDF文件返回给用户设备端,以使用户设备实现下载PDF文件的操作。
继续在该实施例中,在所述步骤S14中,将所述PDF文件返回至所述用户设备1,相应地,用户设备1接收所述网络设备2基于所述转换请求返回的PDF文件。
优选地,在本申请中,所述方法的执行通过在网络设备端构建Puppeteer.js+node.js+express的服务方式实现。具体地,在用户设备端可使用window.location指定导出的地址为服务地址,并在用户设备端传入要导出的页面的URL和导出的页面上的目标区域的css选择器标识。
与现有技术相比,本申请通过获取用户设备发送的转换请求,其中,所述转换请求携带目标web页面的路径信息以及目标区域标识信息;基于所述目标web页面的路径信息以及目标区域标识信息将对应的目标区域导出为目标图片;基于所述目标图片生成PDF文件并将所述PDF文件返回至所述用户设备。通过这种方式,无需将整个目标web页面进行PDF转换,可实现将目标web页面上的目标区域转换成PDF文件,灵活度高,提高了用户体验。
此外,本申请实施例还提供了一种计算机可读介质,其上存储有计算机可读指令,所述计算机可读指令可被处理器执行以实现前述方法。
本申请实施例还提供了一种用于Web生成PDF文件的网络设备,其中,该设备包括:
一个或多个处理器;以及
存储有计算机可读指令的存储器,所述计算机可读指令在被执行时使所述处理器执行前述方法的操作。
例如,计算机可读指令在被执行时使所述一个或多个处理器:获取用户设备发送的转换请求,其中,所述转换请求携带目标web页面的路径信息以及目标区域标识信息;基于所述目标web页面的路径信息以及目标区域标识信息将对应的目标区域导出为目标图片;基于所述目标图片生成PDF文件并将所述PDF文件返回至所述用户设备。
另外,本申请实施例还提供了一种用于Web生成PDF文件的用户设备,其中,该设备包括:
一个或多个处理器;以及
存储有计算机可读指令的存储器,所述计算机可读指令在被执行时使所述处理器执行前述方法的操作。
例如,计算机可读指令在被执行时使所述一个或多个处理器:向网络设备发送转换请求,其中,所述转换请求携带目标web页面的路径信息以及目标区域标识信息;接收所述网络设备基于所述转换请求返回的PDF文件。
对于本领域技术人员而言,显然本发明不限于上述示范性实施例的细节,而且在不背离本发明的精神或基本特征的情况下,能够以其他的具体形式实现本发明。因此,无论从哪一点来看,均应将实施例看作是示范性的,而且是非限制性的,本发明的范围由所附权利要求而不是上述说明限定,因此旨在将落在权利要求的等同要件的含义和范围内的所有变化涵括在本发明内。不应将权利要求中的任何附图标记视为限制所涉及的权利要求。此外,显然“包括”一词不排除其他单元或步骤,单数不排除复数。装置权利要求中陈述的多个单元或装置也可以由一个单元或装置通过软件或者硬件来实现。第一,第二等词语用来表示名称,而并不表示任何特定的顺序。
Claims (9)
1.一种用于在网络设备端Web生成PDF文件的方法,其中,所述方法包括:
获取用户设备发送的转换请求,其中,所述转换请求携带目标web页面的路径信息以及目标区域标识信息;
基于所述目标web页面的路径信息以及目标区域标识信息将对应的目标区域导出为目标图片;
基于所述目标图片生成PDF文件并将所述PDF文件返回至所述用户设备。
2.根据权利要求1所述的方法,其中,所述基于所述目标web页面的路径信息以及目标区域标识信息将对应的目标区域导出为目标图片包括:
打开无界面浏览器实例并传入所述目标web页面的路径信息;
待页面渲染完毕后,将所述目标区域标识信息对应的目标区域导出为目标图片。
3.根据权利要求1所述的方法,其中,所述基于所述目标图片生成PDF文件包括:
将所述目标图片转换为base64字符串并创建新的标签页;
在所述标签页植入动态脚本并基于所述base64字符串实现图片加载;
在图片加载完成后,执行将页面生成PDF文件的操作。
4.根据权利要求1至3中任一项所述的方法,其中,所述方法的执行通过在网络设备端构建Puppeteer.js+node.js+express的服务方式实现。
5.根据权利要求1至3中任一项所述的方法,其中,所述目标区域包括所述目标web页面上的任意区域。
6.一种用于在用户设备Web生成PDF文件的方法,其中,所述方法包括:
向网络设备发送转换请求,其中,所述转换请求携带目标web页面的路径信息以及目标区域标识信息;
接收所述网络设备基于所述转换请求返回的PDF文件。
7.一种计算机可读介质,其上存储有计算机可读指令,所述计算机可读指令可被处理器执行以实现如权利要求1至6中任一项所述的方法。
8.一种用于Web生成PDF文件的网络设备,其中,该网络设备包括:
一个或多个处理器;以及
存储有计算机可读指令的存储器,所述计算机可读指令在被执行时使所述处理器执行如权利要求1至5中任一项所述方法的操作。
9.一种用于Web生成PDF文件的用户设备,其中,该用户设备包括:
一个或多个处理器;以及
存储有计算机可读指令的存储器,所述计算机可读指令在被执行时使所述处理器执行如权利要求6所述方法的操作。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111417804.8A CN114065079A (zh) | 2021-11-25 | 2021-11-25 | 一种用于Web生成PDF文件的方法与设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111417804.8A CN114065079A (zh) | 2021-11-25 | 2021-11-25 | 一种用于Web生成PDF文件的方法与设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114065079A true CN114065079A (zh) | 2022-02-18 |
Family
ID=80276412
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111417804.8A Pending CN114065079A (zh) | 2021-11-25 | 2021-11-25 | 一种用于Web生成PDF文件的方法与设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114065079A (zh) |
-
2021
- 2021-11-25 CN CN202111417804.8A patent/CN114065079A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US8682964B1 (en) | Progressively loading network content | |
CN110245304B (zh) | 数据分享方法、设备以及计算机可读介质 | |
CN110362547B (zh) | 日志文件的编码、解析、存储方法和装置 | |
US20150113053A1 (en) | Distributed network page generation | |
CN105160018A (zh) | 一种复制/粘贴图片的方法、装置和系统 | |
CN110968314B (zh) | 一种页面生成方法及装置 | |
US11093705B2 (en) | Apparatus and method of verifying simultaneous edit match for markup language-based document | |
CN108196902B (zh) | 用于展示开屏广告的方法与设备 | |
US10567472B2 (en) | Manipulation of PDF files using HTML authoring tools | |
US20220407907A1 (en) | Web application component migration to a cloud computing system | |
JP5039946B2 (ja) | クライアント装置およびサーバ装置の間の通信を中継する技術 | |
CN114065079A (zh) | 一种用于Web生成PDF文件的方法与设备 | |
CN112434233B (zh) | 一种用于加快次级页面首屏渲染的方法与设备 | |
WO2016107457A1 (zh) | 一种信息展示方法及装置 | |
US20210117129A1 (en) | Method and Apparatus for Writing Data | |
CN114117302A (zh) | 数据转换方法和装置 | |
CN112256992A (zh) | 一种融合多链接地址的信息流的原生渲染的方法与设备 | |
CN109462868B (zh) | 无线接入点查询目标信息的方法与设备 | |
CN113312314A (zh) | 一种用于安卓平台重复文件检索的方法、装置及设备 | |
CN113342416B (zh) | 一种在小程序中展示h5图文数据的方法及设备 | |
CN107045549B (zh) | 一种电子书页数获取方法和装置 | |
CN113297827B (zh) | 一种呈现内容信息的方法与设备 | |
CN111078654B (zh) | 一种分享信息的方法与设备 | |
CN111079038B (zh) | 一种在应用中输入信息的方法与设备 | |
CN110677919B (zh) | 基于无线接入点分享确定收益的方法与设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |