图像处理方法、图像处理系统及终端设备技术方案

本发明专利技术提供一种图像处理方法、图像处理系统及终端设备。本发明专利技术的图像处理方法可包括确定网页中预设图像的多个图像资源；显示用于表征该多个图像资源的图像资源列表；接收根据所述图像资源列表输入的选择指令；根据所述选择指令，确定所述多个图像资源中被选择的图像资源；获取所述被选择的图像资源对应的图像。本发明专利技术可提高网页图像的处理灵活度。

Image processing method, image processing system and terminal device

The invention provides an image processing method, an image processing system and a terminal device. Image processing method of the invention may include determining a plurality of image resources in the web page display preset image; for the characterization of the multiple image resources resource list is selected according to the received image; the image input instruction resource list; selected according to the instructions, image resources selected determines the plurality of image resources; the image acquisition resources corresponding to the selected. The invention can improve the processing flexibility of the web page image.

【技术实现步骤摘要】
图像处理方法、图像处理系统及终端设备
本专利技术涉及互联网
，尤其涉及一种图像处理方法、图像处理系统及终端设备。
技术介绍
随着互联网技术的发展，网页中的元素已越来越丰富，主要包括：文字、图像、表格、声音、视频等元素。对于传统网页，网页中显示的每个图像元素通常只有一个图像源，即一种类型的图像。对于网页来说，通常需面对多种类型的终端设备，而不同终端设备的显示需求不同。为满足不同终端设备对网页图像的显示需求，提高图像显示效果，响应式图像应运而生。也就是说，网页中一个图像通常具有多个图像资源，不同图像资源对应的图像类型不同，终端设备在访问该网页情况下，可从中确定第一个满足其显示需求的图像资源进行图像加载显示，而丢弃其他图像资源。在现有的一个实例中，若网页提供多个图像资源包括JPEG-XR、WebP和JPG2000的三个图像标准对应的图像资源，而该终端设备在其所使用的浏览器不支持JPEG-XR、WebP和JPG2000中的任一种图像标准。那么根据超文本标记语言(HyperTextMarkupLanguage，简称HTML)5的规范，将回退使用img元素所标记的图像资源，而丢弃JPEG-XR、WebP和JPG2000中的三个图像标准对应的图像资源，使得终端设备无法获取也无法显示或者保存那三种高质量图像到本地。在现有的一个实例中，若网页提供的多个图像资源中包括480像素(Pixel，简称Px)、768Px和1024Px的三个像素尺寸的图像资源，而访问网页的终端设备的显示尺寸低于768Px。那么根据HTML5规范，将使用更小像素尺寸的图像资源对应的图像，而丢弃其余大像素尺寸的图像资源，使得终端设备无法获取也无法显示或者保存那三种高像素尺寸的图像到本地。现有的技术中，即便网页提供多个图像资源，由于终端设备仅可获取符合其显示需求的第一个图像资源对应的图像，而丢弃其余的图像资源，这使得终端设备通过浏览器访问该网页过程中，实际并无法获取网页提供的多个图像资源对应的图像，这使得针对网页中响应式图像的处理不够灵活，难以满足用户对网页图像的使用需求。
技术实现思路
本专利技术提供一种图像处理方法、图像处理系统及终端设备，以使得终端设备获取网页的多个图像资源中被选择图像资源对应的图像，提高图像处理的灵活度。本专利技术提供一种图像处理方法，包括：确定网页中预设图像的多个图像资源；显示用于表征该多个图像资源的图像资源列表；接收根据所述图像资源列表输入的选择指令；根据所述选择指令，确定所述多个图像资源中被选择的图像资源；加载所述被选择的图像资源对应的图像。本专利技术还提供一种图像处理系统，包括：第一确定模块，用于确定网页中预设图像的多个图像资源；显示模块，用于显示用于表征该多个图像资源的图像资源列表；接收模块，用于接收根据所述图像资源列表输入的选择指令；第二确定模块，用于根据所述选择指令，确定所述多个图像资源中被选择的图像资源；获取模块，用于获取所述被选择的图像资源对应的图像。本专利技术还提供一种终端设备，包括：处理器和存储器；所述处理器与所述存储器连接；所述存储器存储程序代码；所述处理器，用于调用所述存储器存储的所述程序代码，从而执行上述图像处理方法。本专利技术提供的图像处理方法、图像处理系统及终端设备，可通过确定网页中预设图像的多个图像资源，显示用于表征该多个图像资源的图像资源列表，并接收根据该图像资源列表输入的选择指令，继而根据该选择指令确定该多个图像资源中被选择的图像资源，获取该被选择的图像资源对应的图像，从而使得终端设备可获取网页中预设图像的多个图像资源中的任意图像资源，而不局限于该终端设备所安装浏览器的显示需求和/或该终端设备的显示器的显示需求的限制，提高图像处理的灵活度。附图说明图1为本专利技术提供的一种图像处理方法的流程图；图2为本专利技术的一种浏览器对象模型示意图；图3为本专利技术提供的一种图像处理方法中获取及存储图像的流程图；图4为本专利技术提供的另一种图像处理方法的流程图；图5为本专利技术提供的一种图像处理系统的结构示意图；图6为本专利技术提供的另一种图像处理系统的结构示意图；图7为本专利技术提供的一种终端设备的结构示意图。具体实施方式本专利技术下述提供的各图像处理方法、图像处理系统及终端设备，可用于对网页中的响应式图像进行处理，可确定网页中针对预设图像的多个图像资源中被选择的图像资源，继而使得终端设备可基于输入的选择指令获取对应图像资源对应的图像，提高了网页中响应式图像的处理的灵活度，有效提高用户体验。下述通过多个实例进行详细说明。图1为本专利技术提供的一种图像处理方法的流程图。该方法可由终端设备通过该终端设备中的图像处理系统执行，该图像处理系统例如可以为安装在该终端设备内的浏览器。如图1所示，该方法可包括：S101、确定网页中预设图像的多个图像资源。具体地，该S101中可以是根据该网页的源代码确定该网页中的每个图像的多个图像资源，继而确定其中预设图像的多个图像资源。该预设图像可以为该网页中的任一图像。该源代码例如可以为该网页的超文本标记语言(HyperTextMarkupLanguage，简称HTML)代码，如HTML5代码。当然，该源代码还可以为其他编程语言对应的该网页的源代码，在此仅为实例说明。S102、显示用于表征该多个图像资源的图像资源列表。具体地，该S102中可以是根据接收到的针对该预设图像的保存指令，显示用于表征该预设图像的多个图像资源的图像资源列表。其中，该保存指令可以是用户在选中该预设图像的情况下，通过点击鼠标右键所输入的保存指令。当然，该保存指令还可以是采用其他方式输入的针对该预设图像的保存指令，例如通过语音输入的保存指令，本专利技术不以此作为限制。其中，该图像资源列表可包括：该多个图像资源的标识。可选的，如上所述的S102中显示图像资源列表之前，该方法还可包括：确定该多个图像资源的标识。具体地，该方法中可以是根据每个图像资源的统一资源定位符(UniformResourceLocator，简称URL)、该每个图像资源对应的图像格式、该每个图像资源对应的图像尺寸等至少一种信息，确定用于在该图像资源列表中显示的该每个图像资源的标识。举例来说，该图像资源列表中显示的该每个图像资源的标识可包括：每个图像资源的URL、该每个图像资源对应的图像格式、该每个图像资源对应的图像尺寸等至少一种信息。S103、接收根据该图像资源列表输入的选择指令。具体地，该选择指令可以为用户根据该图像资源列表从该多个图像资源中选择图像资源，继而针对该选择的图像资源所输入的选择指令。S104、根据该选择指令，确定该多个图像资源中被选择的图像资源。该被选择的图像资源即为用户从该多个图像资源所选择的图像资源，可以包括该多个图像资源中的全部或部分图像资源。该部分图像资源可包括：该多个图像资源的一个图像资源，或者，多于一个的图像资源。举例来说，若该被选择的图像资源包括：该多个图像资源的一个图像资源，该选择指令可以为针对“选择保存”按钮所输入的选择指令。该一个图像资源可以为该多个图像资源中符合终端设备的显示需求的任一图像资源、该多个图像资源中的符合终端设备的显示需求的第一个图像资源、或者该多个图像资源中符合该终端设备的显示需求的最优图像资源。若该被选择的图像资源包括：该多个图像资源的全部本文档来自技高网...

【技术保护点】
一种图像处理方法，其特征在于，包括：确定网页中预设图像的多个图像资源；显示用于表征该多个图像资源的图像资源列表；接收根据所述图像资源列表输入的选择指令；根据所述选择指令，确定所述多个图像资源中被选择的图像资源；获取所述被选择的图像资源对应的图像。

【技术特征摘要】
1.一种图像处理方法，其特征在于，包括：确定网页中预设图像的多个图像资源；显示用于表征该多个图像资源的图像资源列表；接收根据所述图像资源列表输入的选择指令；根据所述选择指令，确定所述多个图像资源中被选择的图像资源；获取所述被选择的图像资源对应的图像。2.根据权利要求1所述的方法，其特征在于，所述确定网页的多个图像资源包括：对所述网页的图像元素代码进行解析，得到所述多个图像资源。3.根据权利要求1所述的方法，其特征在于，所述获取所述被选择的图像资源对应的图像包括：向所述网页的服务器发送针对所述被选择的图像资源的访问请求；接收所述服务器发送的所述被选择的图像资源对应的图像。4.根据权利要求1-3中任一项所述的方法，其特征在于，所述方法还包括：将所述被选择的图像资源对应的图像存储至本地或者云端服务器。5.根据权利要求1-3中任一项所述的方法，其特征在于，所述多个图像资源包括：多种格式的图像资源和/或多种尺寸的图像资源。6.一种图像处理系统，其特征在于，包括：...

【专利技术属性】
技术研发人员：朱宏浩，
申请(专利权)人：青岛海信移动通信技术股份有限公司，
类型：发明
国别省市：山东,37