CN113449215B - 一种加载图片的方法和装置 - Google Patents

Abstract

本发明公开了一种加载图片的方法和装置，涉及计算机技术领域。该方法的一具体实施方式包括：检测图片加载环境是否为目标环境；其中，所述目标环境为原生环境或者非原生环境；若是，则从所述目标环境对应的第一图片加载库的内存缓存中获取目标图片；若否，则从除所述目标环境以外的环境对应的第二图片加载库的内存缓存中获取目标图片；加载所述目标图片。该实施方式能够解决重复保存图片导致增加内存负担的技术问题。

Description

一种加载图片的方法和装置

技术领域

本发明涉及计算机技术领域，尤其涉及一种加载图片的方法和装置。

背景技术

目前，大多数应用程序中都存在混合开发(一部分页面使用原生图片加载库开发、一部分页面使用非原生图片加载库开发)，对于原生页面开发早已有较多成熟的图片加载库(比如fresco、glide、picasso等)可使用，但非原生图片加载库(比如Flutter)只支持内存缓存，当用户下次进入同一个页面并显示相同图片时，会重新下载图片并加载，相同的图片在内存中会保存两份，这会严重增加内存的负担。

在实现本发明过程中，发明人发现现有技术中至少存在如下问题：

原生图片加载库只能在安卓页面中使用，内存中已加载的图片无法共享给Flutter页面使用，Flutter页面中加载到内存中的图片也无法共享给原生页面显示；而且Flutter中的图片只支持内存缓存，没有文件缓存逻辑。

发明内容

有鉴于此，本发明实施例提供一种加载图片的方法和装置，以解决重复保存图片导致增加内存负担的技术问题。

为实现上述目的，根据本发明实施例的一个方面，提供了一种加载图片的方法，包括：

检测图片加载环境是否为目标环境；其中，所述目标环境为原生环境或者非原生环境；

若是，则从所述目标环境对应的第一图片加载库的内存缓存中获取目标图片；

若否，则从除所述目标环境以外的环境对应的第二图片加载库的内存缓存中获取目标图片；

加载所述目标图片。

可选地，从所述目标环境对应的第一图片加载库的内存缓存中获取目标图片，包括：

判断所述目标环境对应的第一图片加载库的内存缓存中是否存在目标图片；

若是，则直接获取所述目标图片；

若否，则将所述目标图片从除所述目标环境以外的环境对应的第二图片加载库的内存缓存传递至所述目标环境对应的第一图片加载库的内存缓存，并获取所述目标图片。

可选地，将所述目标图片从除所述目标环境以外的环境对应的第二图片加载库的内存缓存传递至所述目标环境对应的第一图片加载库的内存缓存，包括：

将所述目标图片转换为字节数组；

通过方法通道将所述目标图片的字节数组从除所述目标环境以外的环境对应的第二图片加载库的内存缓存传递至所述目标环境对应的第一图片加载库的内存缓存。

可选地，将所述目标图片从除所述目标环境以外的环境对应的第二图片加载库的内存缓存传递至所述目标环境对应的第一图片加载库的内存缓存，包括：

判断除所述目标环境以外的环境对应的第二图片加载库的内存缓存中是否存在所述目标图片；

若是，则将所述目标图片从除所述目标环境以外的环境对应的第二图片加载库的内存缓存传递至所述目标环境对应的第一图片加载库的内存缓存；

若否，则从所述第一图片加载库的文件缓存或者所述第二图片加载库的文件缓存中获取所述目标图片，并将所述目标图片存储到所述第一图片加载库的内存缓存。

可选地，所述第一图片加载库的文件缓存与所述第二图片加载库的文件缓存的存储路径相同。

可选地，从所述第一图片加载库的文件缓存或者所述第二图片加载库的文件缓存中获取所述目标图片，包括：

判断所述第一图片加载库的文件缓存或者所述第二图片加载库的文件缓存中是否存在所述目标图片；

若是，则从所述第一图片加载库的文件缓存或者所述第二图片加载库的文件缓存中获取所述目标图片；

若否，则根据所述目标图片的统一资源定位符，将所述目标图片下载至所述第一图片加载库的文件缓存。

可选地，所述原生环境对应的原生图片加载库为fresco、glide或者picasso；所述非原生环境对应的非原生图片加载库为flutter。

另外，根据本发明实施例的另一个方面，提供了一种加载图片的装置，包括：

获取模块，用于检测图片加载环境是否为目标环境；其中，所述目标环境为原生环境或者非原生环境；若是，则从所述目标环境对应的第一图片加载库的内存缓存中获取目标图片；若否，则从除所述目标环境以外的环境对应的第二图片加载库的内存缓存中获取目标图片；

加载模块，用于加载所述目标图片。

可选地，所述获取模块还用于：

判断所述目标环境对应的第一图片加载库的内存缓存中是否存在目标图片；

若是，则直接获取所述目标图片；

若否，则将所述目标图片从除所述目标环境以外的环境对应的第二图片加载库的内存缓存传递至所述目标环境对应的第一图片加载库的内存缓存，并获取所述目标图片。

可选地，所述获取模块还用于：

将所述目标图片转换为字节数组；

通过方法通道将所述目标图片的字节数组从除所述目标环境以外的环境对应的第二图片加载库的内存缓存传递至所述目标环境对应的第一图片加载库的内存缓存。

可选地，所述获取模块还用于：

判断除所述目标环境以外的环境对应的第二图片加载库的内存缓存中是否存在所述目标图片；

若是，则将所述目标图片从除所述目标环境以外的环境对应的第二图片加载库的内存缓存传递至所述目标环境对应的第一图片加载库的内存缓存；

若否，则从所述第一图片加载库的文件缓存或者所述第二图片加载库的文件缓存中获取所述目标图片，并将所述目标图片存储到所述第一图片加载库的内存缓存。

可选地，所述第一图片加载库的文件缓存与所述第二图片加载库的文件缓存的存储路径相同。

可选地，所述获取模块还用于：

判断所述第一图片加载库的文件缓存或者所述第二图片加载库的文件缓存中是否存在所述目标图片；

若是，则从所述第一图片加载库的文件缓存或者所述第二图片加载库的文件缓存中获取所述目标图片；

若否，则根据所述目标图片的统一资源定位符，将所述目标图片下载至所述第一图片加载库的文件缓存。

可选地，所述原生环境对应的原生图片加载库为fresco、glide或者picasso；所述非原生环境对应的非原生图片加载库为flutter。

根据本发明实施例的另一个方面，还提供了一种电子设备，包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序，

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现上述任一实施例所述的方法。

根据本发明实施例的另一个方面，还提供了一种计算机可读介质，其上存储有计算机程序，所述程序被处理器执行时实现上述任一实施例所述的方法。

上述发明中的一个实施例具有如下优点或有益效果：因为采用检测图片加载环境是否为目标环境，若是，则从目标环境对应的第一图片加载库的内存缓存中获取目标图片，若否，则从除目标环境以外的环境对应的第二图片加载库的内存缓存中获取目标图片的技术手段，所以克服了现有技术中复保存图片导致增加内存负担的技术问题。本发明实施例将第一图片加载库的内存缓存与第二图片加载库的内存缓存打通，使得图片可以在两者之间传递，避免重复保存相同的图片，从而减轻内存负担、有效降低OOM(out of memory，内存溢出)崩溃率。本发明实施例还可以减少流量开销，对于下载过的图片做文件缓存，并且第一图片加载库与第二图片加载库共享文件缓存，有效利用混合开发中的图片资源，避免多次下载相同的图片，有利于缩短图片加载时间，能够更快地渲染出图片，大大地增强了用户体验。

上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。

附图说明

附图用于更好地理解本发明，不构成对本发明的不当限定。其中：

图1是根据本发明实施例的加载图片的方法的主要流程的示意图；

图2是根据本发明一个可参考实施例的加载图片的方法的主要流程的示意图；

图3是根据本发明另一个可参考实施例的加载图片的方法的主要流程的示意图；

图4是根据本发明又一个可参考实施例的加载图片的方法的主要流程的示意图；

图5是根据本发明实施例的加载图片的装置的主要模块的示意图；

图6是本发明实施例可以应用于其中的示例性***架构图；

图7是适于用来实现本发明实施例的终端设备或服务器的计算机***的结构示意图。

具体实施方式

以下结合附图对本发明的示范性实施例做出说明，其中包括本发明实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本发明的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

图1是根据本发明实施例的加载图片的方法的主要流程的示意图。作为本发明的一个实施例，如图1所示，所述加载图片的方法可以包括：

步骤101，检测图片加载环境是否为目标环境；若是，则执行步骤102；若否，则执行步骤103。

加载图片时，首先要检测图片加载环境是否为目标环境。在本发明的实施例中，图片加载环境是指在什么环境下加载图片。通常，图片加载环境由页面开发环境决定，如果页面是在原生环境中开发的，那么页面中的图片就要在原生环境中加载；如果页面是在非原生环境中开发的，那么页面中的图片就要在非原生环境中加载。

在本发明的实施例中，所述目标环境为原生环境或者非原生环境。举例来说，如果目标环境为原生环境，那么除所述目标环境以外的环境则为非原生环境；如果目标环境为非原生环境，那么除所述目标环境以外的环境则为原生环境。

步骤102，从所述目标环境对应的第一图片加载库的内存缓存中获取目标图片。

可选地，如果目标环境为原生环境，则从原生环境对应的图片加载库(即目标环境对应的第一图片加载库)的内存缓存中获取目标图片；如果目标环境为非原生环境，则从非原生环境对应的图片加载库(即目标环境对应的第一图片加载库)的内存缓存中获取目标图片。

可选地，所述原生环境对应的原生图片加载库为fresco、glide或者picasso。可选地，所述非原生环境对应的非原生图片加载库为flutter。

可选地，步骤102可以包括：判断所述目标环境对应的第一图片加载库的内存缓存中是否存在目标图片；若是，则直接获取所述目标图片；若否，则将所述目标图片从除所述目标环境以外的环境对应的第二图片加载库的内存缓存传递至所述目标环境对应的第一图片加载库的内存缓存，并获取所述目标图片。

在目标环境为原生环境的实施例中，判断原生图片加载库的内存缓存中是否存在目标图片；若是，则直接获取所述目标图片；若否，则将所述目标图片从非原生图片加载库的内存缓存传递至所述原生图片加载库的内存缓存，并获取所述目标图片。在目标环境为非原生环境的实施例中，判断所述非原生图片加载库的内存缓存中是否存在目标图片；若是，则直接获取所述目标图片；若否，则将所述目标图片从原生图片加载库的内存缓存传递至所述非原生图片加载库的内存缓存，并获取所述目标图片。

将所述目标图片从除所述目标环境以外的环境对应的第二图片加载库的内存缓存传递至所述目标环境对应的第一图片加载库的内存缓存，包括：将所述目标图片转换为字节数组；通过方法通道将所述目标图片的字节数组从除所述目标环境以外的环境对应的第二图片加载库的内存缓存传递至所述目标环境对应的第一图片加载库的内存缓存。本发明实施例，原生图片加载库的内存缓存与非原生图片加载库的内存缓存之间的图片传递通过MethodChannel(方法通道)实现，从而将图片传递给原生图片加载库使用或者传递给非原生图片加载库。因此，本发实施例可以将非原生图片加载库的内存缓存与原生图片加载库的内存缓存打通，使得图片可以在两个内存缓存之间传递，避免重复保存相同的图片，从而减轻内存负担。

需要指出的是，由于原生图片加载库的图片和非原生图片加载库的图片在内存中存储对象存在差异，在传输图片时，可以将图片对象转换成两端(即原生图片加载库和非原生图片加载库)共有的字节(byte)数组进行传输。

可选地，将所述目标图片从除所述目标环境以外的环境对应的第二图片加载库的内存缓存传递至所述目标环境对应的第一图片加载库的内存缓存，包括：判断除所述目标环境以外的环境对应的第二图片加载库的内存缓存中是否存在所述目标图片；若是，则将所述目标图片从除所述目标环境以外的环境对应的第二图片加载库的内存缓存传递至所述目标环境对应的第一图片加载库的内存缓存；若否，则从所述第一图片加载库的文件缓存或者所述第二图片加载库的文件缓存中获取所述目标图片，并将所述目标图片存储到所述第一图片加载库的内存缓存。

在目标环境为原生环境的实施例中，判断非原生图片加载库的内存缓存中是否存在目标图片；若是，则将所述目标图片从非原生图片加载库的内存缓存传递至原生图片加载库的内存缓存；若否，则原生图片加载库的文件缓存或者非原生图片加载库的文件缓存中获取所述目标图片，并将所述目标图片存储到原生图片加载库的内存缓存。在目标环境为非原生环境的实施例中，判断原生图片加载库的内存缓存中是否存在目标图片；若是，则将所述目标图片从原生图片加载库的内存缓存传递至非原生图片加载库的内存缓存；若否，则原生图片加载库的文件缓存或者非原生图片加载库的文件缓存中获取所述目标图片，并将所述目标图片存储到非原生图片加载库的内存缓存。

可选地，所述第一图片加载库的文件缓存与所述第二图片加载库的文件缓存的存储路径相同。由于原生图片加载库的文件缓存与非原生图片加载库的文件缓存的路径相同，可以实现非原生图片加载库与原生图片加载库共享文件缓存。

在本发明的实施例中，可以通过图片的统一资源定位符(url地址)调用原生图片加载库提供的路径查询方法去原生图片加载库的文件缓存中查询文件路径，然后在非原生环境中加载，同时将图片保存到非原生图片加载库的内存缓存中，以供后面再次使用时快速获取。原生图片加载库支持设置文件存储路径、文件缓存个数、文件缓存最大限制，通过数据库记录被存储的文件路径、时间、状态等信息，对外部提供查询、字节数组转换、存储空间检查等功能，检查存储空间是否可用是否超出最大缓存限制，并对超出限制的文件做删除文件及数据库信息等操作。

可选地，从所述第一图片加载库的文件缓存或者所述第二图片加载库的文件缓存中获取所述目标图片，包括：判断所述第一图片加载库的文件缓存或者所述第二图片加载库的文件缓存中是否存在所述目标图片；若是，则从所述第一图片加载库的文件缓存或者所述第二图片加载库的文件缓存中获取所述目标图片；若否，则根据所述目标图片的统一资源定位符，将所述目标图片下载至所述第一图片加载库的文件缓存。检查网络环境并通过返回状态方式通知调用者，根据图片的url地址下载图片，同时将图片以文件的形式到本地配置的图片加载库的文件缓存内，并将图片字节加载到内存缓存中。因非原生图片加载库和原生图片加载库共用文件缓存路径，所以文件缓存位置相同，但保存至内存缓存时需要区分环境，分别添加原生图片加载库的内存缓存和非原生图片加载库的内存缓存。

步骤103，从除所述目标环境以外的环境对应的第二图片加载库的内存缓存中获取目标图片。

在目标环境为原生环境的实施例中，如果图片加载环境不是原生环境，则从非原生图片加载库的内存缓存中获取目标图片；在目标环境为非原生环境的实施例中，如果图片加载环境不是非原生环境，则从原生图片加载库的内存缓存中获取目标图片。步骤103与步骤102类似，具体的实施内容与步骤102类似，不再赘述。

步骤104，加载所述目标图片。

从内存缓存或者文件缓存中获得目标图片后，加载所述目标图片，从而渲染出所述目标图片。在本发明的实施例中，还可以设置图片加载中、加载失败等效果，还可以增加显示动画，还可以对图片做圆角处理，也可以对加载失败的图片做点击重新加载功能。

根据上面所述的各种实施例，可以看出本发明通过检测图片加载环境是否为目标环境，若是，则从目标环境对应的第一图片加载库的内存缓存中获取目标图片，若否，则从除目标环境以外的环境对应的第二图片加载库的内存缓存中获取目标图片的技术手段，解决了现有技术中复保存图片导致增加内存负担的技术问题。本发明实施例将第一图片加载库的内存缓存与第二图片加载库的内存缓存打通，使得图片可以在两者之间传递，避免重复保存相同的图片，从而减轻内存负担、有效降低OOM崩溃率。本发明实施例还可以减少流量开销，对于下载过的图片做文件缓存，并且第一图片加载库与第二图片加载库共享文件缓存，有效利用混合开发中的图片资源，避免多次下载相同的图片，有利于缩短图片加载时间，能够更快地渲染出图片，大大地增强了用户体验。

图2是根据本发明一个可参考实施例的加载图片的方法的主要流程的示意图。作为本发明的又一个实施例，如图2所示，所述加载图片的方法可以包括：

检测图片加载环境是否为非原生环境。

若是，则优先判断非原生图片加载库的内存缓存中是否存在目标图片，如果非原生图片加载库的内存缓存中不存在目标图片，再判断原生图片加载库的内存缓存中是否存在目标图片。

若否，则优先判断原生图片加载库的内存缓存中是否存在目标图片，如果原生图片加载库的内存缓存中不存在目标图片，再判断非原生图片加载库的内存缓存中是否存在目标图片。

如果非原生图片加载库的内存缓存和原生图片加载库的内存缓存中的任意一个存在目标图片，则获取并加载所述目标图片。

如果非原生图片加载库的内存缓存和原生图片加载库的内存缓存都不存在目标图片，则根据目标图片的统一资源定位符，将所述目标图片下载至文件缓存(原生图片加载库和非原生图片加载库共享文件缓存)。

另外，在本发明一个可参考实施例中加载图片的方法的具体实施内容，在上面所述加载图片的方法中已经详细说明了，故在此重复内容不再说明。

图3是根据本发明另一个可参考实施例的加载图片的方法的主要流程的示意图。作为本发明的另一个实施例，如图3所示，所述加载图片的方法可以包括：

检测图片加载环境是否为原生环境。

若是，则优先判断原生图片加载库的内存缓存中是否存在目标图片，如果原生图片加载库的内存缓存中不存在目标图片，再判断非原生图片加载库的内存缓存中是否存在目标图片。

若否，则优先判断非原生图片加载库的内存缓存中是否存在目标图片，如果非原生图片加载库的内存缓存中不存在目标图片，再判断原生图片加载库的内存缓存中是否存在目标图片。

如果非原生图片加载库的内存缓存和原生图片加载库的内存缓存中的任意一个存在目标图片，则获取并加载所述目标图片。

如果非原生图片加载库的内存缓存和原生图片加载库的内存缓存都不存在目标图片，则根据目标图片的统一资源定位符，将所述目标图片下载至文件缓存(原生图片加载库和非原生图片加载库共享文件缓存)。

另外，在本发明另一个可参考实施例中加载图片的方法的具体实施内容，在上面所述加载图片的方法中已经详细说明了，故在此重复内容不再说明。

图4是根据本发明又一个可参考实施例的加载图片的方法的主要流程的示意图。作为本发明的再一个实施例，如图4所示，所述加载图片的方法可以包括：

检查是否预先配置了加载图片；如果预先配置了加载图片，则在加载目标图片之前，显示配置的加载图片，如果没有预先配置的加载图片，则显示默认的加载图片。

按照步骤101-步骤104获取目标图片，判断是否获取成功。如果获取成功，则显示所述目标图片。如果获取失败，则判断是否预先配置了错误图片；如果预先配置了错误图片，则显示配置的错误图片，如果没有预先配置错误图片，则显示默认的错误图片。

另外，在本发明另又一个可参考实施例中加载图片的方法的具体实施内容，在上面所述加载图片的方法中已经详细说明了，故在此重复内容不再说明。

图5是根据本发明实施例的加载图片的装置的主要模块的示意图，如图5所示，所述加载图片的装置500包括获取模块501和加载模块502。其中，获取模块501用于检测图片加载环境是否为目标环境；其中，所述目标环境为原生环境或者非原生环境；若是，则从所述目标环境对应的第一图片加载库的内存缓存中获取目标图片；若否，则从除所述目标环境以外的环境对应的第二图片加载库的内存缓存中获取目标图片；加载模块502用于加载所述目标图片。

可选地，所述获取模块501还用于：

判断所述目标环境对应的第一图片加载库的内存缓存中是否存在目标图片；

若是，则直接获取所述目标图片；

若否，则将所述目标图片从除所述目标环境以外的环境对应的第二图片加载库的内存缓存传递至所述目标环境对应的第一图片加载库的内存缓存，并获取所述目标图片。

可选地，所述获取模块501还用于：

将所述目标图片转换为字节数组；

通过方法通道将所述目标图片的字节数组从除所述目标环境以外的环境对应的第二图片加载库的内存缓存传递至所述目标环境对应的第一图片加载库的内存缓存。

可选地，所述获取模块501还用于：

判断除所述目标环境以外的环境对应的第二图片加载库的内存缓存中是否存在所述目标图片；

若是，则将所述目标图片从除所述目标环境以外的环境对应的第二图片加载库的内存缓存传递至所述目标环境对应的第一图片加载库的内存缓存；

若否，则从所述第一图片加载库的文件缓存或者所述第二图片加载库的文件缓存中获取所述目标图片，并将所述目标图片存储到所述第一图片加载库的内存缓存。

可选地，所述第一图片加载库的文件缓存与所述第二图片加载库的文件缓存的存储路径相同。

可选地，所述获取模块501还用于：

判断所述第一图片加载库的文件缓存或者所述第二图片加载库的文件缓存中是否存在所述目标图片；

若是，则从所述第一图片加载库的文件缓存或者所述第二图片加载库的文件缓存中获取所述目标图片；

若否，则根据所述目标图片的统一资源定位符，将所述目标图片下载至所述第一图片加载库的文件缓存。

可选地，所述原生环境对应的原生图片加载库为fresco、glide或者picasso；所述非原生环境对应的非原生图片加载库为flutter。

根据上面所述的各种实施例，可以看出本发明通过检测图片加载环境是否为目标环境，若是，则从目标环境对应的第一图片加载库的内存缓存中获取目标图片，若否，则从除目标环境以外的环境对应的第二图片加载库的内存缓存中获取目标图片的技术手段，解决了现有技术中复保存图片导致增加内存负担的技术问题。本发明实施例将第一图片加载库的内存缓存与第二图片加载库的内存缓存打通，使得图片可以在两者之间传递，避免重复保存相同的图片，从而减轻内存负担、有效降低OOM崩溃率。本发明实施例还可以减少流量开销，对于下载过的图片做文件缓存，并且第一图片加载库与第二图片加载库共享文件缓存，有效利用混合开发中的图片资源，避免多次下载相同的图片，有利于缩短图片加载时间，能够更快地渲染出图片，大大地增强了用户体验。

需要说明的是，在本发明所述加载图片的装置的具体实施内容，在上面所述加载图片的方法中已经详细说明了，故在此重复内容不再说明。

图6示出了可以应用本发明实施例的加载图片的方法或加载图片的装置的示例性***架构600。

如图6所示，***架构600可以包括终端设备601、602、603，网络604和服务器605。网络604用以在终端设备601、602、603和服务器605之间提供通信链路的介质。网络604可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

用户可以使用终端设备601、602、603通过网络604与服务器605交互，以接收或发送消息等。终端设备601、602、603上可以安装有各种通讯客户端应用，例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等(仅为示例)。

终端设备601、602、603可以是具有显示屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。

服务器605可以是提供各种服务的服务器，例如对用户利用终端设备601、602、603所浏览的购物类网站提供支持的后台管理服务器(仅为示例)。后台管理服务器可以对接收到的物品信息查询请求等数据进行分析等处理，并将处理结果(例如目标推送信息、物品信息——仅为示例)反馈给终端设备。

需要说明的是，本发明实施例所提供的加载图片的方法一般由终端设备601、602、603执行，相应地，所述加载图片的装置一般设置在终端设备601、602、603中。

应该理解，图6中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。

下面参考图7，其示出了适于用来实现本发明实施例的终端设备的计算机***700的结构示意图。图7示出的终端设备仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

如图7所示，计算机***700包括中央处理单元(CPU)701，其可以根据存储在只读存储器(ROM)702中的程序或者从存储部分708加载到随机访问存储器(RAM)703中的程序而执行各种适当的动作和处理。在RAM 703中，还存储有***700操作所需的各种程序和数据。CPU 701、ROM 702以及RAM703通过总线704彼此相连。输入/输出(I/O)接口705也连接至总线704。

以下部件连接至I/O接口705：包括键盘、鼠标等的输入部分706；包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分707；包括硬盘等的存储部分708；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分709。通信部分709经由诸如因特网的网络执行通信处理。驱动器710也根据需要连接至I/O接口705。可拆卸介质711，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器710上，以便于从其上读出的计算机程序根据需要被安装入存储部分708。

特别地，根据本发明公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本发明公开的实施例包括一种计算机程序，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分709从网络上被下载和安装，和/或从可拆卸介质711被安装。在该计算机程序被中央处理单元(CPU)701执行时，执行本发明的***中限定的上述功能。

需要说明的是，本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的***、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行***、装置或者器件使用或者与其结合使用。而在本发明中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行***、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF等等，或者上述的任意合适的组合。

附图中的流程图和框图，图示了按照本发明各种实施例的***、方法和计算机程序的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的***来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本发明实施例中所涉及到的模块可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的模块也可以设置在处理器中，例如，可以描述为：一种处理器包括获取模块和加载模块，其中，这些模块的名称在某种情况下并不构成对该模块本身的限定。

作为另一方面，本发明还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的设备中所包含的；也可以是单独存在，而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该设备包括：检测图片加载环境是否为目标环境；其中，所述目标环境为原生环境或者非原生环境；若是，则从所述目标环境对应的第一图片加载库的内存缓存中获取目标图片；若否，则从除所述目标环境以外的环境对应的第二图片加载库的内存缓存中获取目标图片；加载所述目标图片。

根据本发明实施例的技术方案，因为采用检测图片加载环境是否为目标环境，若是，则从目标环境对应的第一图片加载库的内存缓存中获取目标图片，若否，则从除目标环境以外的环境对应的第二图片加载库的内存缓存中获取目标图片的技术手段，所以克服了现有技术中复保存图片导致增加内存负担的技术问题。本发明实施例将第一图片加载库的内存缓存与第二图片加载库的内存缓存打通，使得图片可以在两者之间传递，避免重复保存相同的图片，从而减轻内存负担、有效降低OOM崩溃率。本发明实施例还可以减少流量开销，对于下载过的图片做文件缓存，并且第一图片加载库与第二图片加载库共享文件缓存，有效利用混合开发中的图片资源，避免多次下载相同的图片，有利于缩短图片加载时间，能够更快地渲染出图片，大大地增强了用户体验。

上述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，取决于设计要求和因素，可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。

Claims (9)

1.一种加载图片的方法，其特征在于，包括：

检测图片加载环境是否为目标环境；其中，所述目标环境为原生环境或者非原生环境；

若是，则从所述目标环境对应的第一图片加载库的内存缓存中获取目标图片；

若否，则从除所述目标环境以外的环境对应的第二图片加载库的内存缓存中获取目标图片；

加载所述目标图片；

从所述目标环境对应的第一图片加载库的内存缓存中获取目标图片，包括：

判断所述目标环境对应的第一图片加载库的内存缓存中是否存在目标图片；

若是，则直接获取所述目标图片；

若否，则将所述目标图片从除所述目标环境以外的环境对应的第二图片加载库的内存缓存传递至所述目标环境对应的第一图片加载库的内存缓存，并获取所述目标图片。

2.根据权利要求1所述的方法，其特征在于，将所述目标图片从除所述目标环境以外的环境对应的第二图片加载库的内存缓存传递至所述目标环境对应的第一图片加载库的内存缓存，包括：

将所述目标图片转换为字节数组；

通过方法通道将所述目标图片的字节数组从除所述目标环境以外的环境对应的第二图片加载库的内存缓存传递至所述目标环境对应的第一图片加载库的内存缓存。

3.根据权利要求1所述的方法，其特征在于，将所述目标图片从除所述目标环境以外的环境对应的第二图片加载库的内存缓存传递至所述目标环境对应的第一图片加载库的内存缓存，包括：

判断除所述目标环境以外的环境对应的第二图片加载库的内存缓存中是否存在所述目标图片；

若是，则将所述目标图片从除所述目标环境以外的环境对应的第二图片加载库的内存缓存传递至所述目标环境对应的第一图片加载库的内存缓存；

若否，则从所述第一图片加载库的文件缓存或者所述第二图片加载库的文件缓存中获取所述目标图片，并将所述目标图片存储到所述第一图片加载库的内存缓存。

4.根据权利要求3所述的方法，其特征在于，所述第一图片加载库的文件缓存与所述第二图片加载库的文件缓存的存储路径相同。

5.根据权利要求3所述的方法，其特征在于，从所述第一图片加载库的文件缓存或者所述第二图片加载库的文件缓存中获取所述目标图片，包括：

判断所述第一图片加载库的文件缓存或者所述第二图片加载库的文件缓存中是否存在所述目标图片；

若是，则从所述第一图片加载库的文件缓存或者所述第二图片加载库的文件缓存中获取所述目标图片；

若否，则根据所述目标图片的统一资源定位符，将所述目标图片下载至所述第一图片加载库的文件缓存。

6.根据权利要求1所述的方法，其特征在于，所述原生环境对应的原生图片加载库为fresco、glide或者picasso；所述非原生环境对应的非原生图片加载库为flutter。

7.一种加载图片的装置，其特征在于，包括：

获取模块，用于检测图片加载环境是否为目标环境；其中，所述目标环境为原生环境或者非原生环境；若是，则从所述目标环境对应的第一图片加载库的内存缓存中获取目标图片；若否，则从除所述目标环境以外的环境对应的第二图片加载库的内存缓存中获取目标图片；

加载模块，用于加载所述目标图片；

所述获取模块还用于：

判断所述目标环境对应的第一图片加载库的内存缓存中是否存在目标图片；

若是，则直接获取所述目标图片；

若否，则将所述目标图片从除所述目标环境以外的环境对应的第二图片加载库的内存缓存传递至所述目标环境对应的第一图片加载库的内存缓存，并获取所述目标图片。

8.一种电子设备，其特征在于，包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序，

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-6中任一所述的方法。

9.一种计算机可读介质，其上存储有计算机程序，其特征在于，所述程序被处理器执行时实现如权利要求1-6中任一所述的方法。