混合应用的图片处理方法、装置、计算机设备及存储介质制造方法及图纸

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

Picture Processing Method, Device, Computer Equipment and Storage Medium for Mixed Applications

The image processing method, device, computer equipment and storage medium of the hybrid application provided by the invention can form the first data structure through HTML pages and store it in the device memory in response to the picture selection operation, and read the first data structure through the HTML pages calling the data reading interface of the original frame to obtain the first Base64 serial score. Do not intercept square pictures; convert the intercepted square pictures into second Base64 series through HTML pages and form a second data structure; call the data update interface provided by the native framework through HTML pages to update the first data structure in device memory to the second data structure; and use HTML pages to update the second base64 series. Render into thumbnails for display; and in response to the image preview operation, HTML page calls the original frame image preview tool for image display. The invention can improve the picture display effect of the mixed application.

【技术实现步骤摘要】
混合应用的图片处理方法、装置、计算机设备及存储介质
本专利技术涉及信息处理
，尤其涉及一种混合应用的图片处理方法、装置、计算机设备及存储介质。
技术介绍
混合应用(Hybridapp)是一种介于网页应用(Webapp)和原生应用(nativeapp)之间的应用，兼具原生应用良好的用户交互体验以及网页应用跨平台开发的优势，在一种基于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串，渲染成缩略图重新进行展示。进一步地，目标图片为长方形，通过HTML页面调用原生框架提供的数据读取接口，从设备内存中读取第一数据结构，获取第一数据结构中的第一base64串，将第一base64串表征的图片截取为正方形图片的步骤包括：判断第一base64串表征的图片的方向，进行转向；判断第一base64串表征的图片的宽和高的大小关系；如果第一base64串表征的图片的高大于宽，则从第一base64串表征的图片中间截取以宽为边长的正方形，得到正方形图片；如果第一base64串表征的图片的宽大于高，则从第一base64串表征的图片中间截取以高为边长的正方形，得到正方形图片。进一步地，第一数据结构和第二数据结构均为数组。为实现上述目的，本专利技术还提供一种适于实现上述任一种方法的混合应用的图片处理装置。该混合应用的图片处理装置包括HTML页面和原生框架，其中：HTML页面用于响应于图片选择操作，调用原生框架的相册工具或拍照工具；原生框架用于确定目标图片，将目标图片转换为第一base64串，并将目标图片的图片路径和第一base64串形成第一数据结构，将第一数据结构存储至设备内存；HTML页面用于调用原生框架提供的数据读取接口；原生框架用于从设备内存中读取第一数据结构；HTML页面用于获取第一数据结构中的第一base64串，将第一base64串表征的图片截取为正方形图片，并将截取后的正方形图片转换为第二base64串，并将目标图片的图片路径、第一base64串和第二base64串形成第二数据结构，并调用原生框架提供的数据更新接口；原生框架用于将设备内存中的第一数据结构更新为第二数据结构；HTML页面用于将各个第二base64串渲染成缩略图进行展示，并响应于图片预览操作，调用原生框架的图片预览工具；原生框架用于读取设备内存中的第二数据结构，并根据待展示图片对应的第二数据结构中的图片路径获取目标图片进行展示，其中，待展示图片的缩略图为图片预览操作所操作的缩略图。进一步地，设备内存中存储有多个第二数据结构，HTML页面还用于响应于图片滑动操作，调用原生框架的图片预览工具；原生框架还用于读取设备内存中的各个第二数据结构，并按照图片滑动操作的方向展示下一张目标图片。进一步地，HTML页面还用于响应于图片删除操作，调用原生框架提供的数据删除接口；原生框架还用于删除设备内存中待删除图片对应的第二数据结构，其中，待删除图片的缩略图为图片删除操作所操作的缩略图；原生框架还用于读取设备内存中各个第二数据结构中的第二base64串；HTML页面还用于将原生框架读取到的各个第二base64串渲染成缩略图重新进行展示。进一步地，目标图片为长方形，HTML页面在将第一base64串表征的图片，也即目标图片截取为正方形图片时，具体执行的步骤包括：判断第一base64串表征的图片的方向，进行转向；判断第一base64串表征的图片的宽和高的大小关系；如果第一base64串表征的图片的高大于宽，则从第一base64串表征的图片中间截取以宽为边长的正方形，得到正方形图片；如果第一base64串表征的图片的宽大于高，则从第一base64串表征的图片中间截取以高为边长的正方形，得到正方形图片。进一步地，第一数据结构和第二数据结构均为数组。为实现上述目的，本专利技术还提供一种计算机设备，包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序，处理器执行程序时实现上述方法的步骤。为实现上述目的，本专利技术还提供计算机可读存储介质，其上存储有计算机程序，程序被处理器执行时实现上述方法的步骤。本专利技术提供的混合应用的图片处理方法、装置、计算机设备及存储介质，确定目标图片后，首先通过原生框架将由目标图片转换得到的第一base64串和图片路径形成第一数据结构存储至设备内存，然后通过HTML页面调用原生框架提供的数据读取接口，从设备内存中读取该第一数据结构，将其中第一base64串表征的图片截取为正方形图片，再将正方形图片转换得到的第二base64串、图片路径和第一base64串形成一个第二数据结构，再调本文档来自技高网...

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

【技术特征摘要】
1.一种混合应用的图片处理方法，其特征在于，包括：响应于图片选择操作，通过混合应用的超文本标记语言HTML页面调用所述混合应用的原生框架的相册工具或拍照工具，确定目标图片；通过所述原生框架将所述目标图片转换为第一base64串，并将所述目标图片的图片路径和所述第一base64串形成第一数据结构，将所述第一数据结构存储至设备内存；通过所述HTML页面调用所述原生框架提供的数据读取接口，从所述设备内存中读取所述第一数据结构，获取所述第一数据结构中的第一base64串，将所述第一base64串表征的图片截取为正方形图片；通过所述HTML页面将截取后的所述正方形图片转换为第二base64串，并将所述目标图片的图片路径、所述第一base64串和所述第二base64串形成第二数据结构；通过所述HTML页面调用所述原生框架提供的数据更新接口，将所述设备内存中的所述第一数据结构更新为所述第二数据结构；通过所述HTML页面将所述第二base64串渲染成缩略图进行展示；以及响应于图片预览操作，通过所述HTML页面调用所述原生框架的图片预览工具，读取所述设备内存中的所述第二数据结构，并根据待展示图片对应的所述第二数据结构中的图片路径获取所述目标图片进行展示，其中，所述待展示图片的缩略图为所述图片预览操作所操作的缩略图。2.根据权利要求1所述的混合应用的图片处理方法，其特征在于，所述设备内存中存储有多个所述第二数据结构，在响应于图片预览操作，通过所述HTML页面调用所述原生框架的图片预览工具，读取所述设备内存中的所述第二数据结构，并根据待展示图片对应的所述第二数据结构中的图片路径获取所述目标图片进行展示的步骤之后，所述方法还包括：响应于图片滑动操作，通过所述HTML页面调用所述原生框架的图片预览工具，读取所述设备内存中的各个所述第二数据结构，并按照所述图片滑动操作的方向展示下一张所述目标图片。3.根据权利要求1所述的混合应用的图片处理方法，其特征在于，在通过所述HTML页面将所述第二base64串渲染成缩略图进行展示的步骤之后，所述方法还包括：响应于图片删除操作，通过所述HTML页面调用所述原生框架提供的数据删除接口，删除所述设备内存中待删除图片对应的所述第二数据结构，其中，所述待删除图片的缩略图为所述图片删除操作所操作的缩略图；通过所述HTML页面调用所述数据读取接口，读取所述设备内存中各个所述第二数据结构中的所述第二base64串，渲染成缩略图重新进行展示。4.根据权利要求1所述的混合应用的图片处理方法，其特征在于，所述目标图片为长方形，通过所述HTML页面调用所述原生框架提供的数据读取接口，从所述设备内存中读取所述第一数据结构，获取所述第一数据结构中的第一base64串，将所述第一base64串表征的图片截取为正方形图片的步骤包括：判断所述第一base64串表征的图片的方向，进行转向；判断所述第一base64串表征的图片的宽和高的大小关系；如果所述第一base64串表征的图片的高大于宽，则从...

【专利技术属性】
技术研发人员：邹国忠，
申请(专利权)人：平安科技深圳有限公司，
类型：发明
国别省市：广东,44