[发明专利]混合应用的图片处理方法、装置、计算机设备及存储介质

说明书

本发明提供的混合应用的图片处理方法、装置、计算机设备及存储介质，响应于图片选择操作，通过HTML页面形成第一数据结构并存储至设备内存；通过HTML页面调用原生框架的数据读取接口读取第一数据结构，获取第一base64串分别截取为正方形图片；通过HTML页面将截取后的正方形图片转换为第二base64串，并形成第二数据结构；通过HTML页面调用原生框架提供的数据更新接口，将设备内存中第一数据结构更新为第二数据结构；通过HTML页面将第二base64串渲染成缩略图进行展示；以及响应于图片预览操作，HTML页面调用原生框架的图片预览工具进行图片展示。通过本发明，能够提高混合应用的图片展示效果。

技术领域

本发明涉及信息处理技术领域，尤其涉及一种混合应用的图片处理方法、装置、计算机设备及存储介质。

背景技术

混合应用(Hybrid app)是一种介于网页应用(Web app)和原生应用(native app)之间的应用，兼具原生应用良好的用户交互体验以及网页应用跨平台开发的优势，在一种基于H5的混合应用中，混合应用包括原生框架和HTML页面，两者互相调用并传递参数实现整个混合应用的功能。

现有技术中一种混合应用中，HTML页面在进行图片展示时，原生框架把原图片压缩成很小的base64串，将base64串传给HTML页面，HTML页面通过标签渲染展示，展示效果差。

因此，提供一种混合应用的图片处理方法、装置、计算机设备及存储介质，以提高混合应用中的图片展示效果，是本领域需要解决的技术问题。

发明内容

本发明的目的是提供一种混合应用的图片处理方法、装置、计算机设备及存储介质，用于解决现有技术存在的混合应用中的图片展示效果差的问题。

为实现上述目的，本发明提供一种混合应用的图片处理方法，包括以下步骤：响应于图片选择操作，通过混合应用的超文本标记语言HTML页面调用混合应用的原生框架的相册工具或拍照工具，确定目标图片；通过原生框架将目标图片转换为第一base64串，并将目标图片的图片路径和第一base64串形成第一数据结构，将第一数据结构存储至设备内存；通过HTML页面调用原生框架提供的数据读取接口，从设备内存中读取第一数据结构，获取第一数据结构中的第一base64串，将第一base64串表征的图片截取为正方形图片；通过HTML页面将截取后的正方形图片转换为第二base64串，并将目标图片的图片路径、第一base64串和第二base64串形成第二数据结构；通过HTML页面调用原生框架提供的数据更新接口，将设备内存中的第一数据结构更新为第二数据结构；通过HTML页面将第二base64串渲染成缩略图进行展示；以及响应于图片预览操作，通过HTML页面调用原生框架的图片预览工具，读取设备内存中的第二数据结构，并根据待展示图片对应的第二数据结构中的图片路径获取目标图片进行展示，其中，待展示图片的缩略图为图片预览操作所操作的缩略图。

进一步地，设备内存中存储有多个第二数据结构，在响应于图片预览操作，通过HTML页面调用原生框架的图片预览工具，读取设备内存中的第二数据结构，并根据待展示图片对应的第二数据结构中的图片路径获取目标图片进行展示的步骤之后，该方法还包括：响应于图片滑动操作，通过HTML页面调用原生框架的图片预览工具，读取设备内存中的各个第二数据结构，并按照图片滑动操作的方向展示下一张目标图片。

进一步地，在通过HTML页面将第二base64串渲染成缩略图进行展示的步骤之后，该方法还包括：响应于图片删除操作，通过HTML页面调用原生框架提供的数据删除接口，删除设备内存中待删除图片对应的第二数据结构，其中，待删除图片的缩略图为图片删除操作所操作的缩略图；通过HTML页面调用数据读取接口，读取设备内存中各个第二数据结构中的第二base64串，渲染成缩略图重新进行展示。