【技术实现步骤摘要】
一种终端图片展示方法及系统
[0001]本专利技术涉及图像数据处理
,特别是涉及一种终端图片展示方法及系统。
技术介绍
[0002]随着电子信息化的普及,现阶段网站业务服务人群逐渐偏向使用手机一类便于携带的数据终端访问网站,目前行业里上大多数解决方案是将网页栅格化框架化,在不同终端访问时,通过页面前端响应,使网页在手机上有着良好的浏览体验,但是在图片处理上,还是有所不足,一般是将电脑端图片直接在手机端显示,访问终端的分辨率不同,将会影响图片在网页上的展示情境,导致图片变形,影响访问者浏览体验。
技术实现思路
[0003]本专利技术的目的是提供一种终端图片展示方法及系统,提高了图片的显示效果。
[0004]为实现上述目的,本专利技术提供了如下方案:一种终端图片展示方法,包括:将待调整图片转化为字节流并传输至服务器;存储所述待调整图片在所述服务器的位置信息;获取目标浏览器窗口的宽度记为目标宽度;根据所述目标宽度和预设宽度确定显示比例;根据所述位置信息获取所述待调整图片,并将获取的所述待调整图片根据所 ...
【技术保护点】
【技术特征摘要】
1.一种终端图片展示方法,其特征在于,包括:将待调整图片转化为字节流并传输至服务器;存储所述待调整图片在所述服务器的位置信息;获取目标浏览器窗口的宽度记为目标宽度;根据所述目标宽度和预设宽度确定显示比例;根据所述位置信息获取所述待调整图片,并将获取的所述待调整图片根据所述显示比例进行调整;将调整后的图片显示在所述目标浏览器窗口。2.根据权利要求1所述的终端图片展示方法,其特征在于,所述位置信息包括保存路径、图片上传时间和图片名称。3.根据权利要求1所述的终端图片展示方法,其特征在于,所述获取目标浏览器的宽度记为目标宽度,具体包括:通过javascript的提供的window对象获取目标浏览器窗口的宽度,记为目标宽度。4.根据权利要求1所述的终端图片展示方法,其特征在于,根据所述目标宽度和预设宽度确定显示比例,具体包括:判断所述目标宽度是否大于预设最小宽度;若所述目标宽度大于所述预设最小宽度,则将所述目标宽度与所述预设宽度之比作为所述显示比例;若所述目标宽度小于或等于所述预设最小宽度,则将所述预设最小宽度与所述预设宽度的比值作为所述显示比例。5.根据权利要求1所述的终端图片展示方法,其特征在于,根据所述位置信息获取所述待调整图片,并将获取的所述待调整图片根据所述显示比例进行调整,具体包括:根据所述位置信息获取所述待调整图片,并将获取的所述待调整图片的宽度和高度均乘以所述显示比例确定待调整图片调整后的宽度和高度。6.一种终端图片展示系统,其特征在于,包括:图片上传模块,用于将待调整图片转化为...
【专利技术属性】
技术研发人员:王涛,朱春华,程晓梅,王清植,曾繁诚,
申请(专利权)人:山东捷瑞数字科技股份有限公司,
类型:发明
国别省市:
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。