[发明专利]基于Canvas的图片压缩方法、装置和计算机设备

权利要求书

1.一种基于Canvas的图片压缩方法，其特征在于，包括：

读取待处理图片的待处理File文件对象，将所述待处理File文件对象转换为DataUrl对象；

将所述DataUrl对象挂载到Image对象；

在Canvas中实例化Canvas对象，指定所述Canvas的绘制质量参数与尺寸参数；

将挂载后的所述Image对象加载到所述Canvas对象；

将所述Canvas中的内容输出设置为Blob对象，接收所述Canvas输出的Blob对象文件。

2.根据权利要求1所述的方法，其特征在于，所述读取待处理图片的待处理File文件对象，包括：

监控用户在表单File Input控件的待处理图片上传操作；

确定图片上传操作结束时，从所述表单File Input控件中读取待处理File文件对象。

3.根据权利要求1所述的方法，其特征在于，所述将所述待处理File文件对象转换为DataUrl对象，包括：

使用JavaScript的FileReader技术，加载所述待处理File文件对象，并输出为所述DataUrl对象。

4.根据权利要求1所述的方法，其特征在于，所述方法还包括：

实例化压缩ImageCompress对象，所述ImageCompress对象中指定目标压缩体积及压缩尺寸；

所述在Canvas中实例化Canvas对象，指定所述Canvas的绘制质量参数与尺寸参数，包括：

在Canvas中实例化Canvas对象，并结合所述ImageCompress对象，指定所述Canvas的绘制质量参数与尺寸参数。

5.根据权利要求1所述的方法，其特征在于，所述接收所述Canvas输出的Blob对象文件之后，还包括：

读取所述Blob对象文件的体积；

判断所述Blob对象文件的体积是否满足当前业务需求；

如是，将所述Blob对象文件转为目标File文件对象；

若否，获取所述当前业务需求，根据所述当前业务需求重新确定指定所述Canvas的绘制质量参数与尺寸参数，根据所述重新确定绘制质量参数与尺寸参数的所述Canvas对所述待处理File文件对象进行处理。

6.根据权利要求5所述的方法，其特征在于，所述将所述Blob对象文件转为目标File文件对象之后，还包括：

通过XMLHttpRequest技术，以Ajax的方式将所述目标File文件对象上传到服务器。

7.根据权利要求1所述的方法，其特征在于，所述Canvas为HTML5规范标准实现的Canvas。

8.一种基于Canvas的图片压缩装置，其特征在于，所述装置包括：

读取模块，用于读取包含待处理图片的待处理File文件对象，将所述待处理File文件对象转换为DataUrl对象；

挂载模块，用于将所述DataUrl对象挂载到Image对象；

实例化模块，用于在Canvas中实例化Canvas对象，指定所述Canvas的绘制质量参数与尺寸参数；

加载模块，用于将挂载后的所述Image对象加载到所述Canvas对象；

接收模块，用于将所述Canvas中的内容输出设置为Blob对象，接收所述Canvas输出的Blob对象文件。

9.一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至7中任一项所述方法的步骤。

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