一种图片资源的处理方法及装置制造方法及图纸

本申请提供一种图片资源的处理方法及装置，应用于数据处理技术领域，用以提高html文件请求大量图片资源的效果。该方法包括：获取html文件，所述html文件包含若干图像img标签，所述img标签用于向服务器请求图片资源，并为所述图片资源提供对应的占位符；停止所述img标签向所述服务器请求所述图片资源；获取第一列表，所述第一列表包含若干统一资源定位符url，所述url用于指示所述图片资源的对应资源地址；根据所述第一列表以及预设下载条件，下载所述图片资源；将所述图片资源渲染到所述img标签中，使所述html文件展示所述图片资源。使所述html文件展示所述图片资源。使所述html文件展示所述图片资源。

【技术实现步骤摘要】
一种图片资源的处理方法及装置


[0001]本申请涉及数据处理
，具体涉及一种图片资源的处理方法及装置。

技术介绍

[0002]随着信息化时代的技术普及，越来越多的机构评定需要服务器将其等级评定时提供的文本、图片材料转化成便携式文档格式(portable document format，pdf)的形式进行留档保存。而机构评定时提供的图片材料数量众多，所以，如何有效地生成这种包含了大量图片的pdf文档是一种亟需解决的问题。
[0003]目前，一种较为普遍的解决方法是，利用超文本标记语言(hyper text markup language，html)文件，将大量文本、图片展示在html文件中，然后再将该html文件转化为pdf文件。
[0004]但是，由于需要展示的图片数量过多，通过html文件请求并展示所有图片这一过程中效果较差。因此，亟需一种图片资源的处理方法，以使提高html文件请求大量图片资源的效果。

技术实现思路

[0005]本申请提供一种图片资源的处理方法及装置，用以提高html文件请求大量图片资源的效果。
[0006]第一方面，本申请提供一种图片资源的处理方法，该方法具体包括：获取html文件，所述html文件包含若干图像img标签，所述img标签用于向服务器请求图片资源，并为所述图片资源提供对应的占位符；停止所述img标签向所述服务器请求所述图片资源；获取第一列表，所述第一列表包含若干统一资源定位符url，所述url用于指示所述图片资源的对应资源地址；根据所述第一列表以及预设下载条件，下载所述图片资源；将所述图片资源渲染到所述img标签中，使所述html文件展示所述图片资源。
[0007]在本方案中，通过拦截img标签向服务器请求图片资源这一过程，使得请求大量图片资源这一过程变得可控，避免了并发请求过多可能会导致的服务器性能降低的问题。并且，通过预设的下载条件调整对图片资源的请求，主动控制了下载行为，均衡了终端设备的任务处理量，避免了同时处理过多任务可能导致的宕机问题。
[0008]可选的，在下载所述图片资源之后，所述方法还包括：对下载到的所述图片资源进行格式转化，得到转化后的图片资源，其中，所述转化后的图片资源的数据格式为base64；将所述转化后的图片资源渲染到所述img标签中。
[0009]在本方式中，使用base64协议显示图片，将img标签对图片资源的请求与图片的渲染过程分离，从而达到了控制图片的下载方式、下载频率的效果，有效地提高了本方案的可实施性以及稳定性。
[0010]可选的，所述对下载到的所述图片资源进行格式转化，得到转化后的图片资源，包括：检测下载到的图片资源的数量；每当所述数量达到第一阈值的整数倍时，将下载到的第
一图片资源的格式转化，得到转化后的第一图片资源；其中，所述下载到的第一图片资源为本次格式转化前，下载到的所有未进行格式转化的图片资源。
[0011]在本方式中，终端设备会根据第一阈值，分批的将下载到的图片资源进行格式转化，有效地分配了终端设备自身的计算资源。并且，在分批进行格式转化后，终端设备还可以将上述转化后的第一图片资源渲染到对应的img标签上，使得html文件可以展示这些图片资源。这样，用户可以直观的体会到图片资源的加载过程，降低用户对等待加载这一过程的感知，有效地提高了用户的使用体验。
[0012]可选的，所述根据所述第一列表以及预设下载条件，下载所述图片资源，包括：根据所述第一列表中的所述url，依次下载所述图片资源；判断所述图片资源的每秒下载数是否超过第二阈值；若超过所述第二阈值，则暂停请求下载所述图片资源，并在预设时间后重新请求下载所述图片资源；和/或，判断所述图片资源的并发下载数是否超过第三阈值；若超过所述第三阈值，则暂停请求下载所述图片资源，并在预设时间后重新请求下载所述图片资源。
[0013]在本方式中，提供了多种限制下载的方式，提高了本方案的灵活性。
[0014]可选的，在暂停请求下载所述图片资源之后，所述方法还包括：对下载到的第二图片资源进行格式转化，得到格式为base64的转化后的第二图片资源；其中，所述下载到的第二图片资源为本次暂停下载前，下载到的所有未进行格式转化的图片资源；将所述转化后的第二图片资源渲染到所述html文件中所述第二图片资源对应的img标签中，使所述html文件展示所述下载到的第二图片资源。
[0015]在本方式中，对图片资源分批进行格式转化，避免了终端设备同时处理过多任务可能导致的性能下降的问题。同时，在终端设备暂停请求图片资源的间隙对图片资源进行格式转化，充分利用了终端设备的性能，提高了本方案的实施效率。
[0016]可选的，所述将所述图片资源渲染到所述img标签中，使所述html文件展示所述图片资源，包括：获取所述图片资源对应的第一高度，其中，所述第一高度为所述图片资源在所述html文件中进行展示时的展示高度；根据所述图片资源的所述第一高度以及预设间隔长度的关系，在所述html文件中展示的所述图片资源之间增加空白元素行，得到修改后的html文件；其中，所述修改后的html文件中包含的所有所述图片资源都位于所述预设间隔长度内。
[0017]在本方式中，通过增加空白元素行这一操作，使得所有的图片资源均可完整地被包含在一个预设间隔长度内，提高了html文件展示图片的质量。
[0018]可选的，所述获取所述图片资源对应的第一高度，包括：获取所述图片资源的第二高度，所述第二高度为所述图片资源的原始高度；获取折算关系，所述折算关系用于表示图片资源的所述原始高度以及所述展示高度之间的关系；根据所述折算关系以及所述图片资源的所述第二高度，计算所述图片资源对应的所述第一高度。
[0019]在本方式中，终端设备通过折算关系以及图片资源自身的第二高度，计算得到图片资源对应的第一高度(即展示高度)，为后续对html文件的排版工作提供了数据基础，提高了本方案的可实施性。
[0020]可选的，所述第一高度小于所述预设间隔长度。
[0021]在本方式中，确保了一个图片资源一定能被完整包含在一个预设间隔长度内，提
高了本方案的可实施性。
[0022]可选的，在使所述html文件展示所述图片资源之后，所述方法还包括：根据所述html文件以及所述预设间隔长度，生成展示图片，所述展示图片的高度与所述预设间隔长度的值相等，所述展示图片包含所述html文件对应的所述预设间隔长度内的所有内容；根据所述展示图片，生成pdf文件，所述pdf文件中包含所述html文件展示的全部内容。
[0023]在本方式中，通过根据预设间隔长度生成展示图片，使得每个展示图片中均可以包括完成的至少一个图片资源，提高了生成的pdf文件的质量。
[0024]第二方面，本申请提供一种图片资源的处理装置，该装置包括：获取模块，所述获取模块用于获取html文件，所述html文件包含若干图像img标签，所述img标签用于向服务器请本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种图片资源的处理方法，其特征在于，包括：获取html文件，所述html文件包含若干图像img标签，所述img标签用于向服务器请求图片资源，并为所述图片资源提供对应的占位符；停止所述img标签向所述服务器请求所述图片资源；获取第一列表，所述第一列表包含若干统一资源定位符url，所述url用于指示所述图片资源的对应资源地址；根据所述第一列表以及预设下载条件，下载所述图片资源；将所述图片资源渲染到所述img标签中，使所述html文件展示所述图片资源。2.如权利要求1所述的方法，其特征在于，在下载所述图片资源之后，所述方法还包括：对下载到的所述图片资源进行格式转化，得到转化后的图片资源，其中，所述转化后的图片资源的数据格式为base64；将所述转化后的图片资源渲染到所述img标签中。3.如权利要求2所述的方法，其特征在于，所述对下载到的所述图片资源进行格式转化，得到转化后的图片资源，包括：检测下载到的图片资源的数量；每当所述数量达到第一阈值的整数倍时，将下载到的第一图片资源的格式转化，得到转化后的第一图片资源；其中，所述下载到的第一图片资源为本次格式转化前，下载到的所有未进行格式转化的图片资源。4.如权利要求1所述的方法，其特征在于，所述根据所述第一列表以及预设下载条件，下载所述图片资源，包括：根据所述第一列表中的所述url，依次下载所述图片资源；判断所述图片资源的每秒下载数是否超过第二阈值；若超过所述第二阈值，则暂停请求下载所述图片资源，并在预设时间后重新请求下载所述图片资源；和/或，判断所述图片资源的并发下载数是否超过第三阈值；若超过所述第三阈值，则暂停请求下载所述图片资源，并在预设时间后重新请求下载所述图片资源。5.如权利要求4所述的方法，其特征在于，在暂停请求下载所述图片资源之后，所述方法还包括：对下载到的第二图片资源进行格式转化，得到格式为base64的转化后的第二图片资源；其中，所述下载到的第二图片资源为本次暂停下载前，下载到的所有未进行格式转化的图片资源；将所述转化后的第二图片资源渲染到所述html文件中所述第二图片资源对应的img标签中，使所述html文件展示所述下载到的第二图片资源。6.如权利要求1所述的方法，其特征在于，所述将所述图片资源渲染到所述img标签中，使所述html文件展示所述图片资源，包括：获取所述图片资源对应的第一高度，其中，所述第一高度为所述图片资源在所述html文件中进行展示时的展示高度；根据所述图片资源的所述第一高度以及预设间隔长度的关系，在所述html文件中展示的所述图片资源之间增加空白元素行，得到修改后的html文件；其中，所述修改后的html文件中包含的所有所述图片资源都位于所述预设间隔长度内。
7.如权利要求6所述的方法，其特征在于，所述获取所述图片资源对应的第一高度，包括：获取所述图片资源的第二高度，所述第二高度为所述图片资源的原始高度；获取折算关系，所述折算关系用于表示图片资源的所述原始高度以及所述展示高度之间的关系；根据所述折算关系以及所述图片资源的所述第二高度，计算所述图片资源对应的所述第一高度。8.如权利要求6所述的方法，其特征在于，所述第一高度小于所述预设间隔长度。9.如权利要求6所述的方法，其特征在于，在使所述html文件展示所述图片资源之后，所述方法还包括：根据所述html文件以及所述预设间隔长度，生成展示图片，所述展示图片的高度与所述预设间隔长度的值相等，所述展示图片包含所述html文件对应的所述预设间隔长度内的所有内容；根据所述展示图片，生成pdf文件，所述pdf文件中包含所述html文件展示的全部内容。10.一种图片资源的处理装置，其特征在于，所述装置包括：获取模块，所述获取模块用于获取html文件，所述html文件包含若干图像img标签，所述img标签用于向服务器请求图片资源，并为所述图片资源提供对应的占位符；处理模块，所述处理模块用于停止所述img标签向所述服务器请求所述图片资源；所述获取模块还用于获取第一列表，所述第一列表包含若干统一资源定位符url，所述url用于指示所述图片资源的对应资源地址；根据所述第一列表以及预设下载条件，...

【专利技术属性】
技术研发人员：李勇君，朱佳，张小刚，时未东，刘言，胡志蒙，
申请(专利权)人：建信金融科技有限责任公司，
类型：发明
国别省市：