CN102684986B - 一种终端显示图片的方法和系统 - Google Patents

一种终端显示图片的方法和系统 Download PDF

Info

Publication number
CN102684986B
CN102684986B CN201110093339.7A CN201110093339A CN102684986B CN 102684986 B CN102684986 B CN 102684986B CN 201110093339 A CN201110093339 A CN 201110093339A CN 102684986 B CN102684986 B CN 102684986B
Authority
CN
China
Prior art keywords
picture
thumbnail pictures
address
terminal
original image
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.)
Expired - Fee Related
Application number
CN201110093339.7A
Other languages
English (en)
Other versions
CN102684986A (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.)
TVMining Beijing Media Technology Co Ltd
Original Assignee
TVMining Beijing Media 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 TVMining Beijing Media Technology Co Ltd filed Critical TVMining Beijing Media Technology Co Ltd
Priority to CN201110093339.7A priority Critical patent/CN102684986B/zh
Publication of CN102684986A publication Critical patent/CN102684986A/zh
Application granted granted Critical
Publication of CN102684986B publication Critical patent/CN102684986B/zh
Expired - Fee Related legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Landscapes

  • Information Transfer Between Computers (AREA)

Abstract

本发明公开了一种终端显示图片的方法和系统,包括终端、图片服务器、动态解析模块、图片缩略模块和存储设备,终端与图片服务器连接,图片服务器与存储设备连接,图片服务器与动态解析模块连接,动态解析模块与图片缩略模块连接,图片服务器与图片缩略模块连接,图片缩略模块与存储设备连接。采用了本发明的技术方案,能够灵活、简单、安全、高效地实现对多种应用的业务适配,满足对图片不同格式的缩略需求。

Description

一种终端显示图片的方法和系统
技术领域         
本发明涉及互联网技术领域,尤其涉及一种终端显示图片的方法和系统。
背景技术
在互联网应用中,由于终端类型越来越丰富,各个终端对内容格式的需求往往存在较大差异,除了网页自身、相关音视频格式等之外,各个终端以及应用对图片格式的需求往往差别较大,服务器端的应用程序往往不得不根据终端类型来进行业务适配,输出符合终端需求的数据内容和文件格式。
一方面是由于不同终端的需求,另一方面,在同一个终端应用之内,例如对于Web网页应用而言,针对同一个图片,根据网页设计风格的变化,也往往需要随着风格的变化而对图片尺寸面临调整。
这种随着终端类型的变化和应用需求的变化而不断发生改变的图片格式需求,服务器需要针对每一个图片来提供多种缩略尺寸的文件,例如原图为1200×900像素,根据前端需求要额外生成120×90、75×75、240×180等多种尺寸的图片,并根据业务的实际需求来返回特定的文件地址。
现有技术为了满足业务需求,会按照事先的产品设计,将系统中相关内容的所有图片,统一预先生成多种缩略图格式,将地址保存起来,然后在前端业务发起请求时,根据业务类型做业务适配,返回给其所需要的图片地址。
但是这种方式往往是将图片通过特定的缩略化模块来预先准备好,但在这种前提下,一方面无法面对过于灵活的变化,一旦需求发生变化,往往需要对整个系统的相关位置都进行调整,另一方面,容易造成资源浪费,预先生成的图片格式可能并不会被使用到,第三方面,服务器端往往要输出多个格式的多个地址给终端,同时要做应用适配,要判断什么终端用于返回什么格式的图片地址,对系统实现造成不必要的复杂因素。
还有一种方式,实现图片的缩略往往是采用预先生成,根据业务的特点,来制定图片生成的规则事先将图片生成。而采用动态生成缩略由于一般的动态生成会带来效率问题,所以这种方式往往应用于一些来实现HTML静态文件输出的模板引擎体系中,在模板中当需要使用某个资源时,会采用模板特有的伪代码来进行描述,例如   <div id=’pic’><{resizeImg($sourceImg,120,90)}></div>,用伪代码中的函数来进行描述,当模板引擎解析到这一位置时,会自动将$sourceImg的图片生成为120×90像素的缩略图,并输出缩略后的图片地址到模板之中,并依靠浏览器的最终解析来显示这一缩略后的图片。
这一方案固然解决了实时动态生成的效率问题,但其主要缺点是依赖于模板引擎,在一些非静态文件访问,访问具备较高交互性的动态脚本时,并不适用。
发明内容
本发明的目的在于提出一种终端显示图片的方法和系统,能够灵活、简单、安全、高效地实现对多种应用的业务适配,满足对图片不同格式的缩略需求。
为达此目的,本发明采用以下技术方案:
一种终端显示图片的方法,包括以下步骤:
A、终端获得原始图片的地址;
B、终端根据缩略图片尺寸参数生成所述原始图片对应的缩略图片的地址;
C、终端向图片服务器发起获取缩略图片的请求,所述请求中包括缩略图片的地址;
D、图片服务器接收请求,判断是否存储有缩略图片的地址,如果有,则转至步骤E,如果没有,则转至步骤F;
E、图片服务器读取缩略图片的地址,从存储设备获取缩略图片,发送给终端,终端进行显示,流程结束;
F、图片服务器调用动态解析模块,将缩略图片的地址发送给动态解析模块,动态解析模块对缩略图片的图片地址进行逆运算,获得原始图片地址和缩略图片尺寸参数;
G、动态解析模块判断自身配置表是否存储缩略图片尺寸参数,如果有,则转至步骤H;
H、动态解析模块判断原始图片地址是否有效,如果有效,则转至步骤I;
I、动态解析模块调用图片缩略模块,将原始图片的地址和缩略图片尺寸参数发送给图片缩略模块;
J、图片缩略模块根据原始图片的地址获取原始图片,并根据缩略图片尺寸参数生成缩略图片,按照缩略图片的地址将缩略图片存储在存储设备中,并将缩略图片的地址返回给图片服务器存储;
K、图片服务器根据缩略图片的地址获取缩略图片,发送给终端,终端进行显示,流程结束。
原始图片和缩略图片存储在同一个存储设备。
步骤F中,动态解析模块对缩略图片的图片地址进行逆运算,如果没有获得原始图片地址和缩略图片尺寸参数,则返回终端错误信息。
步骤G中,如果动态解析模块的自身配置表没有存储缩略图片尺寸参数,则返回终端错误信息。
步骤H中,如果原始图片地址无效,动态解析模块返回终端错误信息。
一种终端显示图片的系统,包括终端、图片服务器、动态解析模块、图片缩略模块和存储设备,终端与图片服务器连接,图片服务器与存储设备连接,图片服务器与动态解析模块连接,动态解析模块与图片缩略模块连接,图片服务器与图片缩略模块连接,图片缩略模块与存储设备连接,其中,
终端用于获得原始图片的地址,根据缩略图片尺寸参数生成所述原始图片对应的缩略图片的地址,向图片服务器发起获取缩略图片的请求,并从图片服务器获取缩略图片,进行显示;
图片服务器用于从终端接收获取缩略图片的请求,从存储设备获取缩略图片发送给终端,将缩略图片的地址发送给动态解析模块,从图片缩略模块获取缩略图片的地址,从存储设备获取缩略图片;
动态解析模块用于从图片服务器获取缩略图片的地址,对缩略图片的图片地址进行逆运算,获得原始图片地址和缩略图片尺寸参数,判断自身配置表是否存储缩略图片尺寸参数,判断原始图片地址是否有效,将原始图片的地址和缩略图片尺寸参数发送给图片缩略模块;
图片缩略模块用于从动态解析模块获取原始图片的地址和缩略图片尺寸参数,根据原始图片的地址获取原始图片,并根据缩略图片尺寸参数生成缩略图片,按照缩略图片的地址将缩略图片存储在存储设备中,并将缩略图片的地址返回给图片服务器;
存储设备用于存储原始图片和缩略图片,从图片缩略模块获取缩略图片,发送缩略图片给图片服务器。
还包括负载均衡设备,负载均衡设备位于终端和图片服务器之间,负载均衡设备与不少于2个图片服务器连接,用于将终端发送的获取缩略图片的请求分发到图片服务器,均衡图片服务器负载。
采用了本发明的技术方案,使得终端对图片格式的需求更为随意,不再受预先生成格式的制约,如果需要调整图片格式,增加新的配置参数即可解决;服务器也不再需要返回多种图片格式的地址给终端,而只返回一个原图地址,避免了在这方面做业务适配的必要性,还在一定程度上压缩了传输数据的长度;同时直接利用当文件不存在时候的404错误才来调用相关模块,将动态缩略的性能消耗降到最低。
附图说明
图1是本发明具体实施方式中终端显示图片系统的结构示意图。
图2是本发明具体实施方式中终端显示图片的流程图。
具体实施方式
下面结合附图并通过具体实施方式来进一步说明本发明的技术方案。
本发明技术方案的主要思想是建立一套能够满足前端复杂的图片格式需求的实时动态缩略系统,一方面能够灵活满足应用的图片格式需求,另一方面还能够解决在动态请求过程中的服务器系统性能消耗问题,同时,要具备动态系统的基础安全防护机制,能够防止终端的随意请求而导致的系统压力过大而崩溃。
图1是本发明具体实施方式中终端显示图片系统的结构示意图。如图1所示,该终端显示图片的系统包括终端101、负载均衡设备102、图片服务器103、动态解析模块104、图片缩略模块105和存储设备106。
终端与负载均衡设备连接,负载均衡设备与若干个图片服务器连接,图片服务器与存储设备连接,图片服务器与动态解析模块连接,动态解析模块与图片缩略模块连接,图片服务器与图片缩略模块连接,图片缩略模块与存储设备连接。
终端获得原始图片的地址,根据缩略图片尺寸参数生成所述原始图片对应的缩略图片的地址,通过负载均衡设备向图片服务器发起获取缩略图片的请求,并从图片服务器获取缩略图片,进行显示。
负载均衡设备将终端发送的获取缩略图片的请求分发到图片服务器,均衡图片服务器负载。
图片服务器从终端接收获取缩略图片的请求,从存储设备获取缩略图片发送给终端,将缩略图片的地址发送给动态解析模块,从图片缩略模块获取缩略图片的地址,从存储设备获取缩略图片。
动态解析模块从图片服务器获取缩略图片的地址,对缩略图片的图片地址进行逆运算,获得原始图片地址和缩略图片尺寸参数,判断自身配置表是否存储缩略图片尺寸参数,判断原始图片地址是否有效,将原始图片的地址和缩略图片尺寸参数发送给图片缩略模块。
图片缩略模块从动态解析模块获取原始图片的地址和缩略图片尺寸参数,根据原始图片的地址获取原始图片,并根据缩略图片尺寸参数生成缩略图片,按照缩略图片的地址将缩略图片存储在存储设备中,并将缩略图片的地址返回给图片服务器。
存储设备存储原始图片和缩略图片,从图片缩略模块获取缩略图片,发送缩略图片给图片服务器。
图2是本发明具体实施方式中终端显示图片的流程图。如图2所示,该流程包括以下步骤:
步骤201、终端获得原始图片的地址,例如http://www.example.com/abc.jpg(A地址)。
步骤202、终端根据缩略图片尺寸参数生成原始图片对应的缩略图片的地址。
终端可以根据事先约定的规则来构造缩略图地址,这一规则是可以通过接口说明文档向终端开发者约定可配置的灵活参数。例如,接口规则约定W120代表120×90的缩略图尺寸,H75代表75×75的缩略图格式,则终端程序通过这一规则构造出所需的最终图片地址,例如http://www.example.com/abc_w120.jpg(B地址)。
步骤203、终端向图片服务器发起获取缩略图片的请求,请求中包括缩略图片的地址。
步骤204、图片服务器接收请求,判断是否存储有缩略图片的地址,如果有,则转至步骤205,如果没有,则转至步骤206。
步骤205、图片服务器读取缩略图片的地址,从存储设备获取缩略图片,发送给终端,终端进行显示,流程结束。
步骤206、图片服务器调用动态解析模块,将缩略图片的地址发送给动态解析模块,动态解析模块对缩略图片的图片地址进行逆运算,获得原始图片地址和缩略图片尺寸参数。
如果没有获得原始图片地址和缩略图片尺寸参数,则返回终端HTTP404错误信息。
步骤207、动态解析模块判断自身配置表是否存储缩略图片尺寸参数(例如W120),如果有,则转至步骤208。
如果动态解析模块的自身配置表没有存储缩略图片尺寸参数,则返回终端HTTP 403错误信息(标准HTTP的禁止访问)。
步骤208、动态解析模块判断原始图片地址是否有效,如果有效,则转至步骤209。
如果原始图片地址无效,动态解析模块返回终端HTTP404错误信息。
步骤209、动态解析模块调用图片缩略模块,将原始图片的地址和缩略图片尺寸参数发送给图片缩略模块。
步骤210、图片缩略模块根据原始图片的地址获取原始图片,并根据缩略图片尺寸参数生成缩略图片,按照缩略图片的地址将缩略图片存储在存储设备中,并将缩略图片的地址返回给图片服务器存储。
步骤211、图片服务器根据缩略图片的地址获取缩略图片,发送给终端,终端进行显示,流程结束。
以上所述,仅为本发明较佳的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉该技术的人在本发明所揭露的技术范围内,可轻易想到的变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应该以权利要求的保护范围为准。

Claims (7)

1.一种终端显示图片的方法,其特征在于,包括以下步骤:
A、终端获得原始图片的地址;
B、终端根据缩略图片尺寸参数生成所述原始图片对应的缩略图片的地址;
C、终端向图片服务器发起获取缩略图片的请求,所述请求中包括缩略图片的地址;
D、图片服务器接收请求,判断是否存储有缩略图片的地址,如果有,则转至步骤E,如果没有,则转至步骤F;
E、图片服务器读取缩略图片的地址,从存储设备获取缩略图片,发送给终端,终端进行显示,流程结束;
F、图片服务器调用动态解析模块,将缩略图片的地址发送给动态解析模块,动态解析模块对缩略图片的图片地址进行逆运算,获得原始图片地址和缩略图片尺寸参数;
G、动态解析模块判断自身配置表是否存储缩略图片尺寸参数,如果有,则转至步骤H;
H、动态解析模块判断原始图片地址是否有效,如果有效,则转至步骤I;
I、动态解析模块调用图片缩略模块,将原始图片的地址和缩略图片尺寸参数发送给图片缩略模块;
J、图片缩略模块根据原始图片的地址获取原始图片,并根据缩略图片尺寸参数生成缩略图片,按照缩略图片的地址将缩略图片存储在存储设备中,并将缩略图片的地址返回给图片服务器存储;
K、图片服务器根据缩略图片的地址获取缩略图片,发送给终端,终端进行显示,流程结束。
2.根据权利要求1所述的一种终端显示图片的方法,其特征在于,原始图片和缩略图片存储在同一个存储设备。
3.根据权利要求1所述的一种终端显示图片的方法,其特征在于,步骤F中,动态解析模块对缩略图片的图片地址进行逆运算,如果没有获得原始图片地址和缩略图片尺寸参数,则返回终端错误信息。
4.根据权利要求1所述的一种终端显示图片的方法,其特征在于,步骤G中,如果动态解析模块的自身配置表没有存储缩略图片尺寸参数,则返回终端错误信息。
5.根据权利要求1所述的一种终端显示图片的方法,其特征在于,步骤H中,如果原始图片地址无效,动态解析模块返回终端错误信息。
6.一种终端显示图片的系统,其特征在于,包括终端、图片服务器、动态解析模块、图片缩略模块和存储设备,终端与图片服务器连接,图片服务器与存储设备连接,图片服务器与动态解析模块连接,动态解析模块与图片缩略模块连接,图片服务器与图片缩略模块连接,图片缩略模块与存储设备连接,其中,
终端用于获得原始图片的地址,根据缩略图片尺寸参数生成所述原始图片对应的缩略图片的地址,向图片服务器发起获取缩略图片的请求,并从图片服务器获取缩略图片,进行显示;
图片服务器用于从终端接收获取缩略图片的请求,从存储设备获取缩略图片发送给终端,将缩略图片的地址发送给动态解析模块,从图片缩略模块获取缩略图片的地址,从存储设备获取缩略图片;
动态解析模块用于从图片服务器获取缩略图片的地址,对缩略图片的图片地址进行逆运算,获得原始图片地址和缩略图片尺寸参数,判断自身配置表是否存储缩略图片尺寸参数,判断原始图片地址是否有效,将原始图片的地址和缩略图片尺寸参数发送给图片缩略模块;
图片缩略模块用于从动态解析模块获取原始图片的地址和缩略图片尺寸参数,根据原始图片的地址获取原始图片,并根据缩略图片尺寸参数生成缩略图片,按照缩略图片的地址将缩略图片存储在存储设备中,并将缩略图片的地址返回给图片服务器;
存储设备用于存储原始图片和缩略图片,从图片缩略模块获取缩略图片,发送缩略图片给图片服务器。
7.根据权利要求6所述的一种终端显示图片的系统,其特征在于,还包括负载均衡设备,负载均衡设备位于终端和图片服务器之间,负载均衡设备与不少于2个图片服务器连接,用于将终端发送的获取缩略图片的请求分发到图片服务器,均衡图片服务器负载。
CN201110093339.7A 2011-04-14 2011-04-14 一种终端显示图片的方法和系统 Expired - Fee Related CN102684986B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201110093339.7A CN102684986B (zh) 2011-04-14 2011-04-14 一种终端显示图片的方法和系统

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201110093339.7A CN102684986B (zh) 2011-04-14 2011-04-14 一种终端显示图片的方法和系统

Publications (2)

Publication Number Publication Date
CN102684986A CN102684986A (zh) 2012-09-19
CN102684986B true CN102684986B (zh) 2015-02-11

Family

ID=46816375

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201110093339.7A Expired - Fee Related CN102684986B (zh) 2011-04-14 2011-04-14 一种终端显示图片的方法和系统

Country Status (1)

Country Link
CN (1) CN102684986B (zh)

Families Citing this family (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103049491A (zh) * 2012-12-07 2013-04-17 深圳市同洲电子股份有限公司 一种图片文件的管理方法及装置
CN104253825B (zh) 2013-06-25 2018-04-13 腾讯科技(深圳)有限公司 网络数据浏览方法和装置
CN104574264A (zh) * 2013-10-16 2015-04-29 北大方正集团有限公司 图片处理方法和装置
CN103699673B (zh) * 2013-12-30 2017-07-25 广州猎豹网络科技有限公司 一种移动终端的图片处理方法、装置和移动终端
CN105450837A (zh) * 2014-08-29 2016-03-30 阿里巴巴集团控股有限公司 终端设备适配显示cdn图片的方法及装置
CN104243923B (zh) * 2014-09-09 2017-12-15 苏州科达科技股份有限公司 一种图片处理及图片预览的方法及系统
CN105100826B (zh) * 2015-07-17 2018-11-23 小米科技有限责任公司 图片处理方法、装置及系统
CN105512329A (zh) * 2015-12-24 2016-04-20 上海携程商务有限公司 基于go语言的动态切图系统
CN107145494A (zh) * 2016-03-01 2017-09-08 广州市动景计算机科技有限公司 一种浏览网页中缩略图的方法及装置
CN105868339A (zh) * 2016-03-28 2016-08-17 乐视控股(北京)有限公司 通过动态生成方式获取图片的方法、装置及系统
CN106227761A (zh) * 2016-07-13 2016-12-14 十九楼网络股份有限公司 动态实时输出任意规格图片的处理及存储方法
CN106528617B (zh) * 2016-09-30 2019-08-16 北京小米移动软件有限公司 一种网页图片显示的方法及装置
CN108810117B (zh) 2018-05-30 2021-11-05 京东方科技集团股份有限公司 图像的访问方法、装置、电子设备及存储介质

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1794776A (zh) * 2004-09-15 2006-06-28 腾讯科技(深圳)有限公司 一种处理图像及其应用于即时通讯的方法和系统
CN101707748A (zh) * 2009-11-24 2010-05-12 中兴通讯股份有限公司 图片适配方法和服务器

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1794776A (zh) * 2004-09-15 2006-06-28 腾讯科技(深圳)有限公司 一种处理图像及其应用于即时通讯的方法和系统
CN101707748A (zh) * 2009-11-24 2010-05-12 中兴通讯股份有限公司 图片适配方法和服务器

Also Published As

Publication number Publication date
CN102684986A (zh) 2012-09-19

Similar Documents

Publication Publication Date Title
CN102684986B (zh) 一种终端显示图片的方法和系统
US11153402B2 (en) Method and apparatus for automatically optimizing the loading of images in a cloud-based proxy service
CN103942225B (zh) 一种混合型应用客户端的资源调用方法、客户端及系统
US8914514B1 (en) Managing network based content
CN100481088C (zh) 网页资源发布方法和发布系统
US20130007241A1 (en) Remote browsing session management
JP4913777B2 (ja) Webページ配信システム
JP2011018314A (ja) ウェブページの共有方法、システムおよびコンピュータプログラム
US10666709B2 (en) Dynamic media transformation service in a CDN
CN106453572B (zh) 基于云服务器同步图像的方法及系统
US10742763B2 (en) Data limit aware content rendering
US10534852B2 (en) Display system and virtual web device in the cloud
WO2014206108A1 (zh) 用于移动终端上的文本内容显示的方法、装置及系统
US8972477B1 (en) Offline browsing session management
CN104601534A (zh) Cdn系统图像处理的方法及系统
US20140229533A1 (en) Client-side network page generation
CN103856543B (zh) 一种视频处理方法、移动终端及服务器
US8874687B2 (en) System and method for dynamically modifying content based on user expectations
CN104156251A (zh) 一种图片处理方法及其设备
CA2840420C (en) Remote browsing session management
US9208250B2 (en) System and method for dynamic modification of web page content to ensure consistent response time
US9942345B2 (en) Web server caching for performance improvement
CN102508864A (zh) 一种基于Tapestry框架的图片实时预览方法
US20140337708A1 (en) Method and apparatus for providing web browsing service
CN107153574A (zh) 图片转码方法及系统

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
C14 Grant of patent or utility model
GR01 Patent grant
PE01 Entry into force of the registration of the contract for pledge of patent right

Denomination of invention: Method and system for displaying pictures at terminal

Effective date of registration: 20170401

Granted publication date: 20150211

Pledgee: Silicon Valley Bank Co., Ltd.

Pledgor: TVMining (Beijing) Media Technology Co., Ltd.

Registration number: 2017310000019

PE01 Entry into force of the registration of the contract for pledge of patent right
CF01 Termination of patent right due to non-payment of annual fee

Granted publication date: 20150211

Termination date: 20210414

CF01 Termination of patent right due to non-payment of annual fee