[发明专利]一种终端图片展示方法及系统

说明书

本发明涉及图像数据处理技术领域，特别是涉及一种终端图片展示方法及系统，该方法包括：将图片转化为字节流并传输至服务器；存储图片在服务器的位置信息；获取目标浏览器窗口的宽度记为目标宽度；根据目标宽度和预设宽度确定显示比例；根据位置信息获取图片，并将获取的图片根据显示比例进行调整；将调整后的图片显示在目标浏览器窗口。本发明提高了图片的显示效果。

技术领域

本发明涉及图像数据处理技术领域，特别是涉及一种终端图片展示方法及系统。

背景技术

随着电子信息化的普及，现阶段网站业务服务人群逐渐偏向使用手机一类便于携带的数据终端访问网站，目前行业里上大多数解决方案是将网页栅格化框架化，在不同终端访问时，通过页面前端响应，使网页在手机上有着良好的浏览体验，但是在图片处理上，还是有所不足，一般是将电脑端图片直接在手机端显示，访问终端的分辨率不同，将会影响图片在网页上的展示情境，导致图片变形，影响访问者浏览体验。

发明内容

本发明的目的是提供一种终端图片展示方法及系统，提高了图片的显示效果。

为实现上述目的，本发明提供了如下方案：

一种终端图片展示方法，包括：

将待调整图片转化为字节流并传输至服务器；

存储所述待调整图片在所述服务器的位置信息；

获取目标浏览器窗口的宽度记为目标宽度；

根据所述目标宽度和预设宽度确定显示比例；

根据所述位置信息获取所述待调整图片，并将获取的所述待调整图片根据所述显示比例进行调整；

将调整后的图片显示在所述目标浏览器窗口。

可选地，所述位置信息包括保存路径、图片上传时间和图片名称。

可选地，所述获取目标浏览器的宽度记为目标宽度，具体包括：

通过javascript的提供的window对象获取目标浏览器窗口的宽度，记为目标宽度。

可选地，根据所述目标宽度和预设宽度确定显示比例，具体包括：

判断所述目标宽度是否大于预设最小宽度；

若所述目标宽度大于所述预设最小宽度，则将所述目标宽度与所述预设宽度之比作为所述显示比例；

若所述目标宽度小于或等于所述预设最小宽度，则将所述预设最小宽度与所述预设宽度的比值作为所述显示比例。

可选地，根据所述位置信息获取所述待调整图片，并将获取的所述待调整图片根据所述显示比例进行调整，具体包括：

根据所述位置信息获取所述待调整图片，并将获取的所述待调整图片的宽度和高度均乘以所述显示比例确定待调整图片调整后的宽度和高度。

本发明还公开了一种终端图片展示系统，包括：

图片上传模块，用于将待调整图片转化为字节流并传输至服务器；

位置信息存储模块，用于存储所述待调整图片在所述服务器的位置信息；

目标宽度获取模块，用于获取目标浏览器窗口的宽度记为目标宽度；

显示比例确定模块，用于根据所述目标宽度和预设宽度确定显示比例；

图片比例调整模块，用于根据所述位置信息获取所述待调整图片，并将获取的所述待调整图片根据所述显示比例进行调整；

图片显示模块，用于将调整后的图片显示在所述目标浏览器窗口。

可选地，所述位置信息包括保存路径、图片上传时间和图片名称。

可选地，所述目标宽度获取模块，具体包括：

目标宽度获取单元，用于通过javascript的提供的window对象获取目标浏览器窗口的宽度，记为目标宽度。

可选地，所述显示比例确定模块，具体包括：