基于画布的数据加密传输方法、系统、设备及介质与流程

本发明涉及一种web安全，更具体地说，它涉及基于画布的数据加密传输方法、系统、设备及介质。

背景技术：

1、目前web端在与服务器进行数据交互时，使用的加密数据手段较多。但是当涉及到传输对象为图像并且携带关键信息的情况时，现有加密手段会在浏览器本地加密数据，并且将加密后的数据传输给服务端，会存在携带数据量过大的问题。

2、如果选择将图片和关键数据分开加密上传，就会产生新的问题。追溯时由于图片和加密数据不是一个整体，无法快速的查询到上传时的结果。

技术实现思路

1、本发明为了解决目前加密手段对图像数据以及明文数据关联关系弱的问题，本发明提供了一种基于画布的数据加密传输方法、系统、设备及介质，本发明基于画布生成的加密程序对图像和明文数据进行编码，从而将图像和明文数据都绘制在一张图像上，而后，基于ascll编码乱序加密对图像进行加密，不仅加密了图像和明文数据，并且深度地绑定了图像和明文数据，极大的提升两者之间关联性，从而优化目标图像的查询效率。

2、本发明的上述技术目的是通过以下技术方案得以实现的：

3、本申请的第一方面，提供了基于画布的数据加密传输方法，应用于web端，方法包括：

4、生成基于画布的加密程序，将所述加密程序通过web服务部署到预设站点下；

5、在检测到web端需要传输图像数据和明文数据时，加载部署在预设站点下的所述加密程序；

6、根据所述加密程序对所述图像数据和明文数据进行编码，基于ascll编码乱序加密对所述图像数据和明文数据的编码结果进行加密，再将加密结果保存为字符串上传至oss服务器，得到包含加密结果的url链接。

7、在一种实现方案中，生成基于画布的加密程序，具体包括：

8、使用javascript开发语言编写加密源码，其中，编写加密源码包括定义画布的显示区域、加密信息区域、文字的字体和大小以及绘制范围，定义加密函数名，确定加密函数的参数名称、加密类型以及返回结果的数据类型；

9、将编写完成的所述加密源码保存为拓展名为.js的javascript脚本文件，得到加密程序。

10、在一种实现方案中，加密程序是通过javascript程序加载至web端的。

11、在一种实现方案中，将所述加密程序通过web服务部署到预设站点下。具体包括：

12、将加密程序通过web端部署在cdn服务器中，并获取所述cdn服务器的域名地址；

13、根据所述域名地址生成所述加密程序的访问地址。

14、在一种实现方案中，根据所述加密程序对所述图像数据和明文数据进行编码，具体包括：

15、所述javascript程序根据所述访问地址加载部署在cdn服务器的加密程序，将javascript程序在调用所述加密程序时预先暴露的加密函数名传入所述图像数据和明文数据，调用与所述加密函数名对应的加密函数对所述明文数据进行编码，得到编码结果。

16、在一种实现方案中，基于ascll编码乱序加密对所述图像数据和明文数据的编码结果进行加密，具体包括：

17、将base64字符串分割为单个字符组成的字符数组；

18、遍历所述字符数组所包含的字符，当字符的ascll编码为奇数时，执行ascll编码-2，得到第一新字符，根据所述第一新字符替换ascll编码为奇数的字符；当字符的ascll编码为偶数时，执行ascll编码+4，得到第二新字符，根据所述第二新字符替换ascll编码为偶数的字符；

19、在所述字符数组的遍历以及字符替换完成时，完成对图像数据和明文数据的加密，得到加密结果。

20、在一种实现方案中，应用于服务器，方法包括：

21、在所述服务器发送的请求为oss服务器的ip白名单内的下载请求时，文件服务器下发包含加密结果的url链接；

22、调用根据所述ascll编码预设的解码规则解码所述url链接，得到加密后的字符串，将加密后的字符串重新绘制为画布，裁剪画布固定区域的图片，基于ocr识别算法识别所述图片，获得图片附带的加密内容。

23、本申请的第二方面，提供了基于画布的数据加密传输系统，系统包括：

24、编码模块，用于生成基于画布的加密程序，将所述加密程序通过web服务部署到预设站点下；

25、加载模块，用于在检测到web端需要传输图像数据和明文数据时，加载部署在预设站点下的所述加密程序；

26、传输模块，用于根据所述加密程序对所述图像数据和明文数据进行编码，基于ascll编码乱序加密对所述图像数据和明文数据的编码结果进行加密，再将加密结果保存为字符串上传至oss服务器，得到包含加密结果的url链接。

27、本申请的第三方面，还提供了一种电子设备，包括：

28、至少一个处理器；以及

29、与所述处理器通信连接的至少一个存储器，其中，

30、所述存储器存储有可被所述处理器执行的程序指令，所述处理器调用所述程序指令能够执行如本申请的第一方面所述的基于画布的数据加密传输方法。

31、本申请的第三方面，还提供了一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，其中所述计算机程序被处理器执行时，实现如本申请的第一方面所述的基于画布的数据加密传输方法的步骤。

32、与现有技术相比，本发明具有以下有益效果：

33、1、本发明基于画布生成的加密程序对图像和明文数据进行编码，从而将图像和明文数据都绘制在一张图像上，而后，基于ascll编码乱序加密对图像进行加密，不仅加密了图像和明文数据，并且深度地绑定了图像和明文数据，极大的提升两者之间关联性，从而优化目标图像的查询效率。

34、2、本发明因加密后的数据上传至oss服务器中，oss服务器采取ip白名单下载机制，他人无法通过url链接来获取加密数据，更加保证了安全性。

技术特征：

1.基于画布的数据加密传输方法，其特征在于，应用于web端，方法包括：

2.根据权利要求1所述的基于画布的数据加密传输方法，其特征在于，生成基于画布的加密程序，具体包括：

3.根据权利要求1所述的基于画布的数据加密传输方法，其特征在于，加密程序是通过javascript程序加载至web端的。

4.根据权利要求3所述的基于画布的数据加密传输方法，其特征在于，将所述加密程序通过web服务部署到预设站点下。具体包括：

5.根据权利要求4所述的基于画布的数据加密传输方法，其特征在于，根据所述加密程序对所述图像数据和明文数据进行编码，具体包括：

6.根据权利要求1所述的基于画布的数据加密传输方法，其特征在于，基于ascll编码乱序加密对所述图像数据和明文数据的编码结果进行加密，具体包括：

7.根据权利要求1所述的基于画布的数据加密传输方法，其特征在于，应用于服务器，方法包括：

8.基于画布的数据加密传输系统，其特征在于，系统包括：

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

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，其中所述计算机程序被处理器执行时，实现如权利要求1至7中任一项所述的基于画布的数据加密传输方法的步骤。

技术总结
本发明公开了基于画布的数据加密传输方法、系统、设备及介质，涉及Web安全技术领域，解决了目前加密手段对图像数据以及明文数据关联关系弱的问题，其技术方案要点是：生成基于画布的加密程序，将所述加密程序通过Web服务部署到预设站点下；在检测到web端需要传输图像数据和明文数据时，加载部署在预设站点下的所述加密程序；根据所述加密程序对所述图像数据和明文数据进行编码，基于ascll编码乱序加密对所述图像数据和明文数据的编码结果进行加密，再将加密结果保存为字符串上传至OSS服务器，得到包含加密结果的URL链接。本发明不仅加密了图像和明文数据，并且深度地绑定了图像和明文数据，极大的提升两者之间关联性，从而优化目标图像的查询效率。

技术研发人员：高显娟,田原,唐义
受保护的技术使用者：四川中屹互联信息技术有限公司
技术研发日：
技术公布日：2024/1/15