CN110069728A - 用于展示图片的方法及装置 - Google Patents

用于展示图片的方法及装置 Download PDF

Info

Publication number
CN110069728A
CN110069728A CN201711037437.2A CN201711037437A CN110069728A CN 110069728 A CN110069728 A CN 110069728A CN 201711037437 A CN201711037437 A CN 201711037437A CN 110069728 A CN110069728 A CN 110069728A
Authority
CN
China
Prior art keywords
picture
data
image content
server
presented
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.)
Granted
Application number
CN201711037437.2A
Other languages
English (en)
Other versions
CN110069728B (zh
Inventor
伍利兵
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Jingdong Century Trading Co Ltd
Beijing Jingdong Shangke Information Technology Co Ltd
Original Assignee
Beijing Jingdong Century Trading Co Ltd
Beijing Jingdong Shangke Information Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing Jingdong Century Trading Co Ltd, Beijing Jingdong Shangke Information Technology Co Ltd filed Critical Beijing Jingdong Century Trading Co Ltd
Priority to CN201711037437.2A priority Critical patent/CN110069728B/zh
Publication of CN110069728A publication Critical patent/CN110069728A/zh
Application granted granted Critical
Publication of CN110069728B publication Critical patent/CN110069728B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9574Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本申请公开一种用于展示图片的方法及装置。涉及计算机信息处理领域,该方法可用于批量展示图片,包括:将待展示图片的核心码作为请求参数,发送至服务器;接收所述服务器返回的请求结果;对所述请求结果进行解码处理,生成图片内容数据;将所述图片内容数据与图片头数据合并,生成图片数据;以及通过所述图片数据对待展示的图片进行展示。本申请公开的用于展示图片的方法及装置,能够批量展示多张图片,提高页面展现速度,节约网络流量。

Description

用于展示图片的方法及装置
技术领域
本发明涉及计算机信息处理领域,具体而言,涉及一种用于展示图片的方法及装置。
背景技术
互联网服务中,图片的展现日益增多,但是多数场景下,针对图片的清晰度并非那么严苛,这些图片所消耗的流量和加载速度,却随着图片的增多在不断的增加,等数量达到一定程度时,就引发了各种问题。可例如,在提供大量商品图片的购物网站,其中的商品搜索页面,存在大量的相同规格(分辨率,尺寸大小)的商品图片。这些图片都是商品的预览图,清晰度的要求不是很高,但是每张图片展示在当前网页上都需要经过如下的处理过程:将图片请求发送至服务器;服务器读取请求,并对请求做相关处理;将处理结果通过网络传输的方式发送回客户端;进而在客户端的页面上进行展示。这种处理方式,一旦图片请求的数量上升会引起极大的不便。可例如,在某购物网站的网页页面中,存在几十个甚至几百个待展示的商品图片的时候,每一个图片的展示均需要发送图片请求,进而服务器进行处理,消耗了大量的时间,严重影响了页面的展示速度,而且这其中消耗的资源也会成倍增加。
在现有技术中,通过如下几种方式或将其任意组合来解决上述问题:1、通过服务器,在网络传输中压缩数据,减少网络流量;2、部署专门的静态文件服务器,让客户端能够并发请求,提高客户端的响应速度;3、CDN图片提速,提高网络寻址效率;4、图片缓存,减少服务器文件处理的开销,提高图片读取速度。
但是上述做法在图片展示比较多的情况下仍旧存在如下问题:1、大量占用网络带宽等资源;2、图片加载速度慢;3、占用大量服务端和客户端存储资源;4、每次任务都只能处理一张图片。
因此,需要一种新的用于展示图片的方法及装置。
在所述背景技术部分公开的上述信息仅用于加强对本发明的背景的理解,因此它可以包括不构成对本领域普通技术人员已知的现有技术的信息。
发明内容
有鉴于此,本发明提供一种用于展示图片的方法及装置,能够批量展示多张图片,提高页面展现速度,节约网络流量。
本发明的其他特性和优点将通过下面的详细描述变得显然,或部分地通过本发明的实践而习得。
根据本发明的一方面,提出一种用于展示图片的方法,所述方法可用于批量展示图片,包括:将待展示图片的核心码作为请求参数,发送至服务器;接收所述服务器返回的请求结果;对所述请求结果进行解码处理,生成图片内容数据;将所述图片内容数据与图片头数据合并,生成图片数据;以及通过所述图片数据对待展示的图片进行展示。
在本公开的一种示例性实施例中,还包括:将图片文件的图片头数据和图片内容数据进行分离处理。
在本公开的一种示例性实施例中,所述将待展示图片的核心码作为请求参数,发送至服务器,包括:将待展示图片的URL作为所述核心码;以及将所述核心码作为请求参数,发送至服务器。
在本公开的一种示例性实施例中,所述将待展示图片的核心码作为请求参数,发送至服务器,包括:通过多个待展示图片所对应的URL分成生成多个核心码;以及将所述多个核心码作为请求参数,一次性发送至服务器。
在本公开的一种示例性实施例中,所述对所述请求结果进行解码处理,生成图片内容数据,包括:对所述请求结果进行base16解码处理,生成所述图片内容数据;以及对所述请求结果进行base64解码处理,生成所述图片内容数据。
在本公开的一种示例性实施例中,所述将所述图片内容数据与图片头数据合并,生成图片数据,包括:将所述图片内容数据与图片头数据在页面进行组装,生成所述图片数据。
在本公开的一种示例性实施例中,所述将图片文件的图片头数据和图片内容数据进行分离处理,包括:通过多线程任务对图片文件的图片头数据和图片内容数据进行分离处理;以及通过队列任务对图片文件的图片头数据和图片内容数据进行分离处理。
在本公开的一种示例性实施例中,所述将图片文件的图片头数据和图片内容数据进行分离处理,还包括:通过定时任务进行所述图片头数据采样。
在本公开的一种示例性实施例中,所述将图片文件的图片头数据和图片内容数据进行分离处理,包括:将所述图片文件转化为数据流进行储存。
在本公开的一种示例性实施例中,所述将所述图片文件转化为数据流进行储存,包括:将所述图片内容数据进行编码处理,储存至Hbase数据库。
在本公开的一种示例性实施例中,所述将所述图片文件转化为数据流进行储存,还包括:将所述图片头数据保存至Redis数据库;以及将所述图片头数据以JS文件形式保存至服务器端。
在本公开的一种示例性实施例中,所述将所述图片文件转化为数据流进行储存,还包括:将所述图片头数据固化至应用端。
根据本发明的一方面,提出一种用于展示图片的装置,所述装置可用于批量展示图片,该装置包括:请求模块,用于将待展示图片的核心码作为请求参数,发送至服务器;接收模块,用于接收所述服务器返回的请求结果;解码模块,用于对所述请求结果进行解码处理,生成图片内容数据;合并模块,用于将所述图片内容数据与图片头数据合并,生成图片数据;以及展示模块,用于通过所述图片数据对待展示的图片进行展示。
在本公开的一种示例性实施例中,还包括:分离模块,用于将图片文件的图片头数据和图片内容数据进行分离处理。
根据本发明的一方面,提出一种电子设备,该电子设备包括:一个或多个处理器;存储装置,用于存储一个或多个程序;当一个或多个程序被一个或多个处理器执行,使得一个或多个处理器实现如上文的方法。
根据本发明的一方面,提出一种计算机可读介质,其上存储有计算机程序,其特征在于,程序被处理器执行时实现如上文中的方法。
根据本发明的用于展示图片的方法及装置,能够批量展示多张图片,提高页面展现速度,节约了网络流量。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性的,并不能限制本发明。
附图说明
通过参照附图详细描述其示例实施例,本发明的上述和其它目标、特征及优点将变得更加显而易见。下面描述的附图仅仅是本发明的一些实施例,对于本领域的普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是根据一示例性实施例示出的一种用于展示图片的方法的系统架构。
图2是根据一示例性实施例示出的一种用于展示图片的方法的流程图。
图3是根据一示例性实施例示出的一种用于展示图片的方法的示意图。
图4是根据一示例性实施例示出的一种用于展示图片的方法的示意图。
图5是根据一示例性实施例示出的一种用于展示图片的方法的示意图。
图6是根据一示例性实施例示出的一种用于展示图片的装置的框图。
图7是根据另一示例性实施例示出的一种用于展示图片的装置的框图。
图8是根据一示例性实施例示出的一种电子设备的框图。
图9是根据一示例性实施例示出的一种计算机可读介质示意图。
具体实施例
现在将参考附图更全面地描述示例实施例。然而,示例实施例能够以多种形式实施,且不应被理解为限于在此阐述的实施例;相反,提供这些实施例使得本发明将全面和完整,并将示例实施例的构思全面地传达给本领域的技术人员。在图中相同的附图标记表示相同或类似的部分,因而将省略对它们的重复描述。
此外,所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施例中。在下面的描述中,提供许多具体细节从而给出对本发明的实施例的充分理解。然而,本领域技术人员将意识到,可以实践本发明的技术方案而没有特定细节中的一个或更多,或者可以采用其它的方法、组元、装置、步骤等。在其它情况下,不详细示出或描述公知方法、装置、实现或者操作以避免模糊本发明的各方面。
附图中所示的方框图仅仅是功能实体,不一定必须与物理上独立的实体相对应。即,可以采用软件形式来实现这些功能实体,或在一个或多个硬件模块或集成电路中实现这些功能实体,或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。
附图中所示的流程图仅是示例性说明,不是必须包括所有的内容和操作/步骤,也不是必须按所描述的顺序执行。例如,有的操作/步骤还可以分解,而有的操作/步骤可以合并或部分合并,因此实际执行的顺序有可能根据实际情况改变。
应理解,虽然本文中可能使用术语第一、第二、第三等来描述各种组件,但这些组件不应受这些术语限制。这些术语乃用以区分一组件与另一组件。因此,下文论述的第一组件可称为第二组件而不偏离本公开概念的教示。如本文中所使用,术语“及/或”包括相关联的列出项目中的任一个及一或多者的所有组合。
本领域技术人员可以理解,附图只是示例实施例的示意图,附图中的模块或流程并不一定是实施本发明所必须的,因此不能用于限制本发明的保护范围。
下面结合附图对本公开示例实施方式进行详细说明。
图1是根据一示例性实施例示出的一种用于展示图片的方法的系统架构。
如图1所示,系统架构100可以包括终端设备101、102、103,网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备101、102、103通过网络104与服务器105交互,以接收或发送消息等。终端设备101、102、103上可以安装有各种通讯客户端应用,例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等。
终端设备101、102、103可以是具有显示屏并且支持网页浏览的各种电子设备,包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。
服务器105可以是提供各种服务的服务器,例如对用户利用终端设备101、102、103所浏览的购物类网站提供支持的后台图片服务器。后台图片服务器可以对接收到的请求等数据进行分析等处理,并将处理结果(例如图片数据)反馈给终端设备。
需要说明的是,本申请实施例所提供的图片数据的处理一般由服务器105执行,相应地,图片在网页端的生成处理一般在客户端101中进行。
应该理解,图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要,可以具有任意数目的终端设备、网络和服务器。
图2是根据一示例性实施例示出的一种用于展示图片的方法的流程图。
如图2所示,在S202中,将待展示图片的核心码作为请求参数,发送至服务器。可例如,将待展示图片的统一资源定位符URL作为所述核心码;以及将所述核心码作为请求参数,发送至服务器。在待展示图片为多个图片时,可例如上文所述的,当待展示的图片是一个页面上的大量的图片时,可例如,通过多个待展示图片所对应的URL分成生成多个核心码;以及一次性的将所述多个核心码作为请求参数,一次性发送至服务器。
在S204中,接收所述服务器返回的请求结果。在通过多个待展示图片所对应的URL分成生成多个核心码;以及一次性的将所述多个核心码作为请求参数,一次性发送至服务器的情况下,服务器一次性返回请求结果。通过一次性发送多个图片的方式,并一次性接收请求结果的方式,使得此方法可用于批量展示图片。
在S206中,对所述请求结果进行解码处理,生成图片内容数据。可例如,对所述请求结果进行base16解码处理,生成所述图片内容(body数据)数据;还可例如,对所述请求结果进行base64解码处理,生成所述图片内容数据(body数据)。
在S208中,将所述图片内容数据与图片头数据合并,生成图片数据。可例如,将所述图片内容数据(body数据)与图片头数据在页面进行组装,生成所述图片数据。其中,所述图片头数据可例如来自服务器端,还可例如,将述图片头数据固化至应用端,直接在网页处调出使用。
在S210中,通过所述图片数据对待展示的图片进行展示。
根据本发明的用于展示图片的方法,通过一次性将多个图片请求数据发送至服务器,并从服务器端一次性接收大量返回结果,并将返回结果中的图片内容数据与图片头数据在网页端合并的方式,能够批量展示多张图片,提高页面展现速度,节约网络流量。
应清楚地理解,本发明描述了如何形成和使用特定示例,但本发明的原理不限于这些示例的任何细节。相反,基于本发明公开的内容的教导,这些原理能够应用于许多其它实施例。
在本公开的一种示例性实施例中,还包括:将图片文件的图片头数据和图片内容数据进行分离处理。可例如,通过多线程任务对图片文件的图片头数据和图片内容数据进行分离处理;以及通过队列任务对图片文件的图片头数据和图片内容数据进行分离处理。还可例如,通过定时任务进行所述图片头数据采样。
在本实施例中,图片处理可例如为图片压缩(图片文件头信息和图片body信息分离)的过程,针对jpg图片固有的格式进行图片头和图片body数据的分离。因为JPG格式的特点,其头部信息在特定场景下是可以公用。这样很多图片的body信息都能共用某条头部信息。
在本公开的一种示例性实施例中,所述将图片文件的图片头数据和图片内容数据进行分离处理,包括:将所述图片文件转化为数据流进行储存。可例如,将所述图片内容数据进行编码处理,储存至Hbase数据库。还可例如,将所述图片头数据保存至Redis数据库;以及将所述图片头数据以JS文件形式保存至服务器端。还可例如:将所述图片头数据固化至应用端。将图片文件转化为数据流存储在高速存储服务中:将图片body的数据通过base16或64编码,存储到Hbase中,图片头数据缓存到redis里和以js文件的方式放在服务器端,还可例如,如果使用该图片的位置时是app端,图片头数据也可以固化到对应的app应用中。
将图片文件的图片头数据和图片内容数据进行分离处理方案可例如包括两部分组成:1、文件头采样;2、图片处理(压缩和组装合成等)。
图3是根据一示例性实施例示出的一种用于展示图片的方法的示意图。
图3是图片文件头采样的示例性说明,在图3中,指定多个不同类型(规格)的图片样本,通过图片格式处理,将图片头和图片body分离,然后将头部信息和其他附带信息保存下来。
根据本发明的用于展示图片的方法,将图片头文件与图片body数据分类处理的方式,能够高度压缩图片,节省服务端和客户端存储资源和网络带宽资源。通过图片信息的提取,可以节省大量的存储资源,单张图片由kb字节大小,压缩到b字节大小。通过图片的压缩,同样带来了网络流量的大量节省。
图4是根据一示例性实施例示出的一种用于展示图片的方法的示意图。
图4是对图片压缩的示例性说明,在图4中,真正使用图片前,可例如先将图片body数据提取出来,达到压缩效果。因为涉及到图片的数据量很大,可例如通过任务的机制处理,其中主要原理是使用多线程和队列对每张图片做去头处理,然后存储到Hbase服务器上。
根据本发明的用于展示图片的方法,将图片头文件与图片body数据分类处理的方式,能够达到压缩图片的效果,而且,通过多线程和队列处理图片头,储存在Hbase的方式,能够提高服务端读取图片的速度。
图5是根据一示例性实施例示出的一种用于展示图片的方法的示意图。
图5是对图片合成的示例性说明,待要真实展示图片时,一次性将多个图片的核心码(示例可以使用url作为图片的key)作为请求参数,通过服务器对Hbase的请求一次性返回,然后针对返回的数据,做base16或64处理后,与对应规格的图片头合并,写到图片展示元素中。
在S502中,发送请求,可例如,将批量图片的URL作为请求数据。
在S504中,服务器端根据请求数据查找并压缩图片。
在S506中,图片头文件在缓存或者JS信息中获取。
在S508中,图片body数据可例如通过base64处理后,与图片头数据进行组装。
在S510中,将组装之后的图片进行展示。
根据本发明的用于展示图片的方法,能够高度压缩图片,节省服务端和客户端存储资源和网络带宽资源;可以批量查看图片,减少客户端请求(减少客户端请求,带来的优势:app端可以节省流量、电量);提高服务端读取图片的速度;可以和现有技术组合使用。
根据本发明的用于展示图片的方法,批量返回多张图片,提高了页面展现速度。相同情况下,传统方式返回10张几kb的图片,需要10次请求,大致是200kb、200ms左右,但是新方式则只需要2kb、40ms左右。同时,使用hbase等nosql存储,可以减少服务端文件读取处理的开销,提高处理速度。
本领域技术人员可以理解实现上述实施例的全部或部分步骤被实现为由CPU执行的计算机程序。在该计算机程序被CPU执行时,执行本发明提供的上述方法所限定的上述功能。所述的程序可以存储于一种计算机可读存储介质中,该存储介质可以是只读存储器,磁盘或光盘等。
此外,需要注意的是,上述附图仅是根据本发明示例性实施例的方法所包括的处理的示意性说明,而不是限制目的。易于理解,上述附图所示的处理并不表明或限制这些处理的时间顺序。另外,也易于理解,这些处理可以是例如在多个模块中同步或异步执行的。
下述为本发明装置实施例,可以用于执行本发明方法实施例。对于本发明装置实施例中未披露的细节,请参照本发明方法实施例。
图6是根据一示例性实施例示出的一种用于展示图片的装置的框图。所述装置可用于批量展示图片。
请求模块602用于将待展示图片的核心码作为请求参数,发送至服务器。
接收模块604用于接收所述服务器返回的请求结果。
解码模块606用于对所述请求结果进行解码处理,生成图片内容数据。
合并模块608用于将所述图片内容数据与图片头数据合并,生成图片数据。
展示模块610用于通过所述图片数据对待展示的图片进行展示。
在本公开的一种示例性实施例中,还包括:分离模块(图中未示出),用于将图片文件的图片头数据和图片内容数据进行分离处理。
根据本发明的用于展示图片的装置,通过一次性将多个图片请求数据发送至服务器,并从服务器端一次性接收大量返回结果,并将返回结果中的图片内容数据与图片头数据在网页端合并的方式,能够批量展示多张图片,提高页面展现速度,节约网络流量。
图7是根据另一示例性实施例示出的一种用于展示图片的装置的框图。
Hbase单元702用于图片信息的存储,在海量数据的情况下,也能得心应手。而且读取速度快。
JPEG图片处理单元704用于对JPEG格式的解析,针对图片做头和body的分离。
Redis单元706用于辅助的处理,利用其高效的读写能力,可以将文件头信息存储到里面。
后台多线程任务处理708,用于将大量图片提交到JPEG图片处理单元704中。
图片查看请求单元710,用于提供网络服务,或web服务。
页面JS处理单元712,用于将图片的body数据和图片头数据合并起来形成有效的图片数据。此单元为可替换单元,如果是本地应用,可以在客户端使用程序处理。
图8是根据一示例性实施例示出的一种电子设备的框图。
下面参照图8来描述根据本发明的这种实施方式的电子设备200。图8显示的电子设备200仅仅是一个示例,不应对本发明实施例的功能和使用范围带来任何限制。
如图8所示,电子设备200以通用计算设备的形式表现。电子设备200的组件可以包括但不限于:至少一个处理单元210、至少一个存储单元220、连接不同系统组件(包括存储单元220和处理单元210)的总线230、显示单元240等。
其中,所述存储单元存储有程序代码,所述程序代码可以被所述处理单元210执行,使得所述处理单元210执行本说明书上述电子处方流转处理方法部分中描述的根据本发明各种示例性实施方式的步骤。例如,所述处理单元210可以执行如图2中所示的步骤。
所述存储单元220可以包括易失性存储单元形式的可读介质,例如随机存取存储单元(RAM)2201和/或高速缓存存储单元2202,还可以进一步包括只读存储单元(ROM)2203。
所述存储单元220还可以包括具有一组(至少一个)程序模块2205的程序/实用工具2204,这样的程序模块2205包括但不限于:操作系统、一个或者多个应用程序、其它程序模块以及程序数据,这些示例中的每一个或某种组合中可能包括网络环境的实现。
总线230可以为表示几类总线结构中的一种或多种,包括存储单元总线或者存储单元控制器、外围总线、图形加速端口、处理单元或者使用多种总线结构中的任意总线结构的局域总线。
电子设备200也可以与一个或多个外部设备300(例如键盘、指向设备、蓝牙设备等)通信,还可与一个或者多个使得用户能与该电子设备200交互的设备通信,和/或与使得该电子设备200能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口250进行。并且,电子设备200还可以通过网络适配器260与一个或者多个网络(例如局域网(LAN),广域网(WAN)和/或公共网络,例如因特网)通信。网络适配器260可以通过总线230与电子设备200的其它模块通信。应当明白,尽管图中未示出,可以结合电子设备200使用其它硬件和/或软件模块,包括但不限于:微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。
通过以上的实施方式的描述,本领域的技术人员易于理解,这里描述的示例实施方式可以通过软件实现,也可以通过软件结合必要的硬件的方式来实现。因此,根据本公开实施方式的技术方案可以以软件产品的形式体现出来,该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM,U盘,移动硬盘等)中或网络上,包括若干指令以使得一台计算设备(可以是个人计算机、服务器、或者网络设备等)执行根据本公开实施方式的上述电子处方流转处理方法。
图9是根据一示例性实施例示出的一种计算机可读介质示意图。
参考图9所示,描述了根据本发明的实施方式的用于实现上述方法的程序产品400,其可以采用便携式紧凑盘只读存储器(CD-ROM)并包括程序代码,并可以在终端设备,例如个人电脑上运行。然而,本发明的程序产品不限于此,在本文件中,可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
所述程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以为但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括:具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。
所述计算机可读存储介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了可读程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。可读存储介质还可以是可读存储介质以外的任何可读介质,该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。可读存储介质上包含的程序代码可以用任何适当的介质传输,包括但不限于无线、有线、光缆、RF等等,或者上述的任意合适的组合。
可以以一种或多种程序设计语言的任意组合来编写用于执行本发明操作的程序代码,所述程序设计语言包括面向对象的程序设计语言—诸如Java、C++等,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中,远程计算设备可以通过任意种类的网络,包括局域网(LAN)或广域网(WAN),连接到用户计算设备,或者,可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。
上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被一个该设备执行时,使得该计算机可读介质实现如下功能:将待展示图片的核心码作为请求参数,发送至服务器;接收所述服务器返回的请求结果;对所述请求结果进行解码处理,生成图片内容数据;将所述图片内容数据与图片头数据合并,生成图片数据;以及通过所述图片数据对待展示的图片进行展示。
本领域技术人员可以理解上述各模块可以按照实施例的描述分布于装置中,也可以进行相应变化唯一不同于本实施例的一个或多个装置中。上述实施例的模块可以合并为一个模块,也可以进一步拆分成多个子模块。
通过以上的实施例的描述,本领域的技术人员易于理解,这里描述的示例实施例可以通过软件实现,也可以通过软件结合必要的硬件的方式来实现。因此,根据本发明实施例的技术方案可以以软件产品的形式体现出来,该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM,U盘,移动硬盘等)中或网络上,包括若干指令以使得一台计算设备(可以是个人计算机、服务器、移动终端、或者网络设备等)执行根据本发明实施例的方法。
通过以上的详细描述,本领域的技术人员易于理解,根据本发明实施例的用于展示图片的方法及装置具有以下优点中的一个或多个。
根据一些实施例,本发明的用于展示图片的方法,通过一次性将多个图片请求数据发送至服务器,并从服务器端一次性接收大量返回结果,并将返回结果中的图片内容数据与图片头数据在网页端合并的方式,能够批量展示多张图片,提高页面展现速度,节约了网络流量。
根据另一些实施例,本发明的用于展示图片的方法,将图片头文件与图片body数据分类处理的方式,能够高度压缩图片,节省服务端和客户端存储资源和网络带宽资源。通过图片信息的提取,可以节省大量的存储资源,单张图片由kb字节大小,压缩到b字节大小。通过图片的压缩,同样带来了网络流量的大量节省。
根据再一些实施例,本发明的用于展示图片的方法,将图片头文件与图片body数据分类处理的方式,能够达到压缩图片的效果,而且,通过多线程和队列处理图片头,储存在Hbase的方式,能够提高服务端读取图片的速度。
以上具体地示出和描述了本发明的示例性实施例。应可理解的是,本发明不限于这里描述的详细结构、设置方式或实现方法;相反,本发明意图涵盖包含在所附权利要求的精神和范围内的各种修改和等效设置。
此外,本说明书说明书附图所示出的结构、比例、大小等,均仅用以配合说明书所公开的内容,以供本领域技术人员了解与阅读,并非用以限定本公开可实施的限定条件,故不具技术上的实质意义,任何结构的修饰、比例关系的改变或大小的调整,在不影响本公开所能产生的技术效果及所能实现的目的下,均应仍落在本公开所公开的技术内容得能涵盖的范围内。同时,本说明书中所引用的如“上”、“第一”、“第二”及“一”等的用语,也仅为便于叙述的明了,而非用以限定本公开可实施的范围,其相对关系的改变或调整,在无实质变更技术内容下,当也视为本发明可实施的范畴。

Claims (16)

1.一种用于展示图片的方法,所述方法可用于批量展示图片,其特征在于,包括:
将待展示图片的核心码作为请求参数,发送至服务器;
接收所述服务器返回的请求结果;
对所述请求结果进行解码处理,生成图片内容数据;
将所述图片内容数据与图片头数据合并,生成图片数据;以及
通过所述图片数据对待展示的图片进行展示。
2.如权利要求1所述的方法,其特征在于,还包括:
将图片文件的图片头数据和图片内容数据进行分离处理。
3.如权利要求1所述的方法,其特征在于,所述将待展示图片的核心码作为请求参数,发送至服务器,包括:
将待展示图片的URL作为所述核心码;以及
将所述核心码作为请求参数,发送至服务器。
4.如权利要求1所述的方法,其特征在于,所述将待展示图片的核心码作为请求参数,发送至服务器,包括:
通过多个待展示图片所对应的URL分成生成多个核心码;以及
将所述多个核心码作为请求参数,一次性发送至服务器。
5.如权利要求1所述的方法,其特征在于,所述对所述请求结果进行解码处理,生成图片内容数据,包括:
对所述请求结果进行base16解码处理,生成所述图片内容数据;以及
对所述请求结果进行base64解码处理,生成所述图片内容数据。
6.如权利要求1所述的方法,其特征在于,所述将所述图片内容数据与图片头数据合并,生成图片数据,包括:
将所述图片内容数据与图片头数据在页面进行组装,生成所述图片数据。
7.如权利要求2所述的方法,其特征在于,所述将图片文件的图片头数据和图片内容数据进行分离处理,包括:
通过多线程任务对图片文件的图片头数据和图片内容数据进行分离处理;以及
通过队列任务对图片文件的图片头数据和图片内容数据进行分离处理。
8.如权利要求2所述的方法,其特征在于,所述将图片文件的图片头数据和图片内容数据进行分离处理,还包括:
通过定时任务进行所述图片头数据采样。
9.如权利要求2所述的方法,其特征在于,所述将图片文件的图片头数据和图片内容数据进行分离处理,包括:
将所述图片文件转化为数据流进行储存。
10.如权利要求9所述的方法,其特征在于,所述将所述图片文件转化为数据流进行储存,包括:
将所述图片内容数据进行编码处理,储存至Hbase数据库。
11.如权利要求9所述的方法,其特征在于,所述将所述图片文件转化为数据流进行储存,还包括:
将所述图片头数据保存至Redis数据库;以及
将所述图片头数据以JS文件形式保存至服务器端。
12.如权利要求9所述的方法,其特征在于,所述将所述图片文件转化为数据流进行储存,还包括:
将所述图片头数据固化至应用端。
13.一种用于展示图片的装置,所述装置可用于批量展示图片,其特征在于,包括:
请求模块,用于将待展示图片的核心码作为请求参数,发送至服务器;
接收模块,用于接收所述服务器返回的请求结果;
解码模块,用于对所述请求结果进行解码处理,生成图片内容数据;
合并模块,用于将所述图片内容数据与图片头数据合并,生成图片数据;以及
展示模块,用于通过所述图片数据对待展示的图片进行展示。
14.如权利要求13所述的装置,其特征在于,还包括:
分离模块,用于将图片文件的图片头数据和图片内容数据进行分离处理。
15.一种电子设备,所述电子设备可用于批量展示图片,其特征在于,包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序;
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-12中任一所述的方法。
16.一种计算机可读介质,其上存储有计算机程序,其特征在于,所述程序被处理器执行时实现如权利要求1-12中任一所述的方法。
CN201711037437.2A 2017-10-30 2017-10-30 用于展示图片的方法及装置 Active CN110069728B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201711037437.2A CN110069728B (zh) 2017-10-30 2017-10-30 用于展示图片的方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201711037437.2A CN110069728B (zh) 2017-10-30 2017-10-30 用于展示图片的方法及装置

Publications (2)

Publication Number Publication Date
CN110069728A true CN110069728A (zh) 2019-07-30
CN110069728B CN110069728B (zh) 2022-08-12

Family

ID=67364912

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201711037437.2A Active CN110069728B (zh) 2017-10-30 2017-10-30 用于展示图片的方法及装置

Country Status (1)

Country Link
CN (1) CN110069728B (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111028315A (zh) * 2019-12-04 2020-04-17 广州酷狗计算机科技有限公司 图片展示方法、装置、终端及存储介质
CN111580909A (zh) * 2020-05-08 2020-08-25 广州市百果园信息技术有限公司 图片生成方法、装置、设备和存储介质

Citations (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2007241778A (ja) * 2006-03-10 2007-09-20 Sharp Corp 配信システムおよび配信方法
CN103390012A (zh) * 2012-09-13 2013-11-13 爱乐活(北京)科技有限公司 一种基于访问的展示图片生成方法和装置
CN103617165A (zh) * 2013-10-22 2014-03-05 小米科技有限责任公司 一种加载图片的方法、装置及终端
CN103905496A (zh) * 2012-12-27 2014-07-02 腾讯科技(深圳)有限公司 一种图片下载方法及装置
US20140299660A1 (en) * 2013-04-03 2014-10-09 Roy S. Melzer Encryption and decryption of visible codes for real time augmented reality views
CN104615776A (zh) * 2015-02-27 2015-05-13 北京奇艺世纪科技有限公司 提供待展示信息的方法及装置
CN104636106A (zh) * 2015-02-12 2015-05-20 小米科技有限责任公司 图片显示方法和装置、终端设备
CN104679570A (zh) * 2015-03-24 2015-06-03 新余兴邦信息产业有限公司 图片的加载显示方法、设备和系统
CN106354811A (zh) * 2016-08-29 2017-01-25 苏州蓝海彤翔系统科技有限公司 一种处理图片输出异常状态的方法、装置及系统
CN106447365A (zh) * 2015-08-06 2017-02-22 阿里巴巴集团控股有限公司 业务对象信息的图片展示方法及装置
CN106899861A (zh) * 2017-04-08 2017-06-27 腾讯科技(深圳)有限公司 一种图片文件处理方法及其设备、系统
CN106921869A (zh) * 2017-04-08 2017-07-04 腾讯科技(深圳)有限公司 一种图片文件处理方法及其设备

Patent Citations (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2007241778A (ja) * 2006-03-10 2007-09-20 Sharp Corp 配信システムおよび配信方法
CN103390012A (zh) * 2012-09-13 2013-11-13 爱乐活(北京)科技有限公司 一种基于访问的展示图片生成方法和装置
CN103905496A (zh) * 2012-12-27 2014-07-02 腾讯科技(深圳)有限公司 一种图片下载方法及装置
US20140299660A1 (en) * 2013-04-03 2014-10-09 Roy S. Melzer Encryption and decryption of visible codes for real time augmented reality views
CN103617165A (zh) * 2013-10-22 2014-03-05 小米科技有限责任公司 一种加载图片的方法、装置及终端
CN104636106A (zh) * 2015-02-12 2015-05-20 小米科技有限责任公司 图片显示方法和装置、终端设备
CN104615776A (zh) * 2015-02-27 2015-05-13 北京奇艺世纪科技有限公司 提供待展示信息的方法及装置
CN104679570A (zh) * 2015-03-24 2015-06-03 新余兴邦信息产业有限公司 图片的加载显示方法、设备和系统
CN106447365A (zh) * 2015-08-06 2017-02-22 阿里巴巴集团控股有限公司 业务对象信息的图片展示方法及装置
CN106354811A (zh) * 2016-08-29 2017-01-25 苏州蓝海彤翔系统科技有限公司 一种处理图片输出异常状态的方法、装置及系统
CN106899861A (zh) * 2017-04-08 2017-06-27 腾讯科技(深圳)有限公司 一种图片文件处理方法及其设备、系统
CN106921869A (zh) * 2017-04-08 2017-07-04 腾讯科技(深圳)有限公司 一种图片文件处理方法及其设备

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111028315A (zh) * 2019-12-04 2020-04-17 广州酷狗计算机科技有限公司 图片展示方法、装置、终端及存储介质
CN111580909A (zh) * 2020-05-08 2020-08-25 广州市百果园信息技术有限公司 图片生成方法、装置、设备和存储介质
CN111580909B (zh) * 2020-05-08 2023-05-05 广州市百果园信息技术有限公司 图片生成方法、装置、设备和存储介质

Also Published As

Publication number Publication date
CN110069728B (zh) 2022-08-12

Similar Documents

Publication Publication Date Title
CN108984714B (zh) 页面渲染方法、装置、电子设备及计算机可读介质
US9984408B1 (en) Method, medium, and system for live video cooperative shopping
EP3518124A1 (en) Webpage rendering method and related device
CN111666490A (zh) 基于kafka的信息推送方法、装置、设备及存储介质
JP2021103506A (ja) 情報を生成するための方法及び装置
US8515931B1 (en) Techniques for search optimization
US20130036193A1 (en) System and method for generating dynamic image sprites
CN110795649A (zh) 目标页面展示方法、装置、系统及电子设备
CN112328564A (zh) 特享资源分享方法、装置及电子设备
Sawicki et al. Efficient visualization of 3D models by web browser
CN110826002A (zh) 信息分享方法、装置、终端及存储介质
US11074646B1 (en) Dynamically selecting an image for display
CN112650905A (zh) 基于标签的反爬虫方法、装置、计算机设备及存储介质
CN110069728A (zh) 用于展示图片的方法及装置
CN108280228A (zh) 一种网页的处理方法及相关设备
CN107357526A (zh) 用于处理网络数据的方法和装置、服务器和存储介质
WO2023092580A1 (zh) 页面显示方法、装置、存储介质及电子设备
US20160350299A1 (en) Image as database
CN103617043B (zh) 一种带图片网页数据上传的方法和系统
US20190139432A1 (en) Methods and systems for animated walkthroughs in an online educational platform
CN110119483A (zh) 多媒体文件的显示方法、装置、终端设备及存储介质
CN110647327B (zh) 基于卡片的用户界面动态控制的方法和装置
CN111949906A (zh) 页面展示方法、装置及电子设备
CN111198738A (zh) 移动端页面展示方法、装置及电子设备
CN113553123B (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
GR01 Patent grant
GR01 Patent grant