[发明专利]一种Web端图片压缩方法、装置及电子设备在审
申请号: | 202110131304.1 | 申请日: | 2021-01-30 |
公开(公告)号: | CN112954030A | 公开(公告)日: | 2021-06-11 |
发明(设计)人: | 程炳生 | 申请(专利权)人: | 北京奇保信安科技有限公司 |
主分类号: | H04L29/08 | 分类号: | H04L29/08;H04L29/06 |
代理公司: | 北京清诚知识产权代理有限公司 11691 | 代理人: | 喻颖 |
地址: | 100015 北京市朝阳区*** | 国省代码: | 北京;11 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 web 图片 压缩 方法 装置 电子设备 | ||
1.一种Web端图片压缩方法,其特征在于,所述Web端基于HTML5开发,所述方法包括:
通过FileReader读取图片内容及尺寸;
判断所述图片尺寸是否大于预设图片尺寸;
若所述图片尺寸大于预设图片尺寸,通过canvas对图片内容进行压缩;
通过canvas输出指定图片格式的数据;
将所述指定图片格式的数据上传至服务器。
2.根据权利要求1所述的方法,其特征在于,通过FileReader的Input读取图片内容及尺寸。
3.根据权利要求1-2中任一项所述的方法,其特征在于,所述通过FileReader读取图片内容及尺寸之后,所述方法还包括:
创建一个Image对象;
将FileReader读取的图片内容及尺寸存入Image对象中。
4.根据权利要求1-3中任一项所述的方法,其特征在于,
通过canvas.drawImage对所述Image对象进行等比压缩。
5.根据权利要求1-4中任一项所述的方法,其特征在于,
通过canvas.toBlob输出Blob格式的数据;
或者,通过canvas.toDataURL输出base64格式的数据。
6.根据权利要求1-5中任一项所述的方法,其特征在于,若输出Blob格式的数据,通过FormData对象将所述Blob格式的数据上传至服务器;
若输出base64格式的数据,将base64格式的数据通过ajax上传到服务器;或者;创建一个Blob对象,将base64格式的数据存入所述Blob对象中得到Blob格式的数据,通过FormData对象将所述Blob格式的数据上传至服务器。
7.一种Web端图片压缩装置,其特征在于,所述Web端基于HTML5开发,所述装置包括:
读取模块,用于通过FileReader读取图片内容及尺寸;
判断模块,用于判断所述图片尺寸是否大于预设图片尺寸;
压缩模块,用于若所述图片尺寸大于预设图片尺寸,通过canvas对图片内容进行压缩;
输出模块,用于通过canvas输出指定图片格式的数据;
上传模块,用于将所述指定图片格式的数据上传至服务器。
8.一种电子设备,包括:
处理器;以及
存储计算机可执行指令的存储器,所述计算机可执行指令在被执行时使所述处理器执行根据权利要求1-6中任一项所述的方法。
9.一种计算机可读存储介质,其中,所述计算机可读存储介质存储一个或多个程序,当所述一个或多个程序被处理器执行时,实现权利要求1-6中任一项所述的方法。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京奇保信安科技有限公司,未经北京奇保信安科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202110131304.1/1.html,转载请声明来源钻瓜专利网。