基于canvas的图片非二进制分片上传再组合方法

本发明涉及网络通信领域，尤其涉及一种基于canvas的图片非二进制分片上传再组合方法。

背景技术：

1、针对大图片上传，若采用整体的上传的方式，上传速度慢，网络阻塞，下载速度也慢，图片需要长时间等待显示，下载完成渲染速度依然很慢，增加服务器，以及带宽压力，体验也非常的差。

2、目前使用的上传技术中，对图片进行base64转化，再将base64数据进行切片，以小数据单元进行上传，再由服务端进行拼接，这种方式能够加快速度。而这种先转化再切片的方式，对于单个数据切片是无法独立渲染成图片的，甚至一旦有一条数据切片丢失或者受损，整个图片将完全无法显示。

技术实现思路

1、针对现有技术的不足，本发明提出一种基于canvas的图片非二进制分片上传再组合方法，该方法将大型图片通过canvas画布裁剪切片上传，以图片块流式上传存储，使用时以图片块下载再通过canvas画布组合拼接渲染，最后通过canvas进行图片转化。

2、具体技术方案如下：

3、一种基于canvas的图片非二进制分片上传再组合方法，包括以下步骤：

4、步骤一：读取待上传图片的图片数据，解析并将图片的原始信息存储在本地；所述原始信息包括：图片大小、尺寸、名称信息；

5、步骤二：在本地将原始图片渲染至canvas画布中，使用裁剪的方式将图片进行非二进制拆分，得到拆分后的图片块，将所述图片块转换成能上传的流式数据，并返回特定格式的数据；所述特定格式为：对于每一个图片块，形成一条序号为key、流式数据为value的键值对，进而得到包含所有图片块的map结构；

6、步骤三：以队列形式，将图片块上传到云端，并上传图片的原始信息、图片块的拆分信息、整体的map结构；所述拆分信息包括：图片块总量、横纵单片数量；若服务端检测到全部信息上传完成，则图片上传成功；若部分图片块上传失败，则重新上传；

7、步骤四：通过流式获取的方法下载图片块和图片块的拆分信息，再对图片块进行拼接；对拼接完成的图片进行本地转化，生成整体的图片；若下载过程中，部分图片块传输失败，则根据序号进行重新下载。

8、进一步地，所述步骤二通过以下子步骤来实现：

9、(2.1)通过canvas将原始图像绘制于画布之中；

10、(2.2)根据原始图片的大小与尺寸将画布分割为尺寸相同的图片块，再将图片块转换成能用于上传的流式数据；

11、(2.3)对单个图片块进行标序，形成一个序号为key、流式数据为value的键值对；将所有图片块的键值对集合，得到对应的map结构；

12、(2.4)记录存储整体的map结构、图片块总量，以及拆分原图的横纵单片数量。

13、进一步地，所述步骤三中，通过图片块总量和序号，找到缺损的图片块，自动进行重新上传。

14、进一步地，所述步骤四通过以下子步骤来实现：

15、(4.1)从云端获取整体的map结构，图片块总量、横纵单片数量；

16、(4.2)通过流式获取的方法依次下载图片块，并通过序号key，以及横纵单片数量，对单片图片块进行绘制渲染；

17、(4.3)若下载过程中，部分图片块传输失败，则手动定位缺损位置序号重新下载，或者通过图片块总量和序号，找到缺损图片块，自动进行重新下载；完成所有单片图片块的下载后，将所有图片块按照map序号进行排列，并拼接渲染至canvas，再通过canvas画布进行本地转化，得到整体图片。

18、本发明的有益效果是：

19、本发明方法使得单个图片块可以完全独立显示，因此在加速大型图片上传速度的前提下，预览过程能够提前显示部分图片块，用户可以不需要将全部图片块下载完成，即可概览图片全貌，加快预览显示；即使部分图片块丢失，也能保证图片的绝大部分内容可以显示，并且对于丢失的图片块可以重新传输。

技术特征：

1.一种基于canvas的图片非二进制分片上传再组合方法，其特征在于，包括以下步骤：

2.根据权利要求1所述的基于canvas的图片非二进制分片上传再组合方法，其特征在于，所述步骤二通过以下子步骤来实现：

3.根据权利要求1所述的基于canvas的图片非二进制分片上传再组合方法，其特征在于，所述步骤三中，通过图片块总量和序号，找到缺损的图片块，自动进行重新上传。

4.根据权利要求1所述的基于canvas的图片非二进制分片上传再组合方法，其特征在于，所述步骤四通过以下子步骤来实现：

技术总结本发明公开了一种基于canvas的图片非二进制分片上传再组合方法，包括：将待上传图片的原始信息存储在本地，将原始图片渲染至canvas画布中，非二进制拆分得到图片块，将图片块转换成能上传的流式数据，并返回特定格式的数据；以队列形式，将图片块、图片原始信息、图片块的拆分信息、整体的Map结构上传到云端，再通过流式获取的方法下载图片块和拆分信息，对图片块拼接完成后进行本地转化，生成整体的图片。本发明在加速大型图片上传速度的前提下，保证下载图片可以提前单片预览，加快预览显示；并且即使部分图片块丢失，也能保证图片的绝大部分内容可以显示。技术研发人员：刘珂,白洁,谢海波,杨华勇,王慧霞,朱茗西受保护的技术使用者：浙江大学高端装备研究院技术研发日：技术公布日：2024/7/23