【技术实现步骤摘要】
本申请涉及计算机应用，具体涉及一种web端图片压缩方法、设备及介质。
技术介绍
1、随着计算机应用技术的飞速发展，计算机网页技术也得到相应的发展，人们可以通过网页端执行更多的功能，用户不需要操作软件安装和更新的繁琐步骤，节省了设备存储空间，使得软件应用更加便利，为用户提供了更加高效、灵活和便利的方式来使用应用程序。
2、上传图片是各个web系统和平台经常会遇到的业务场景，如果用户直接上传大体积图片，容易产生比如上传时间过长等不好的体验，因此需要在web前段中，在上传图片前，对图片进行图片压缩处理。
3、然而传统的图片压缩处理过程中，需要降低图像质量来完成对图片的压缩，容易牺牲图像在细节上的体现。
技术实现思路
1、为了解决上述问题，本申请提出了一种web端图片压缩方法，包括：
2、响应获取上传的图片文件，通过异步读取机制来读取所述图片文件，并将所述图片文件转换为base64格式的文件，得到第一base64编码文件；
3、创建所述图片文件的图片元素，将所述图片元素的src属性指向所述第一base64编码文件的路由地址，以将所述图片文件存储到所述图片元素中；
4、创建画布元素，将所述图片元素画到所述画布元素的画布上，确定所述画布元素的todataurl方法以及所述todataurl方法中参数的预设区间值；
5、根据所述todataurl方法以及所述参数的预设区间值，将所述图片文件进行压缩，并将压缩后的图片文件导出为
6、另一方面，本申请还提出一种web端图片压缩设备，包括：
7、至少一个处理器；以及，
8、与所述至少一个处理器通信连接的存储器；其中，
9、所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行如：上述示例所述的web端图片压缩方法。
10、另一方面，本申请还提出了一种非易失性计算机存储介质，存储有计算机可执行指令，所述计算机可执行指令设置为：上述示例所述的web端图片压缩方法。
11、通过本申请提出一种web端图片压缩方法能够带来如下有益效果：
12、提供了一个压缩方法中相关参数的取值区间，基于用户所需的压缩后的图片体积和质量，确定压缩方法中相关参数的取值，保证了在不降低图像质量的前提下，完成对图片的压缩。
13、并且，通过压缩图片可以减少传输过程中的网络带宽消耗，降低服务器的负载，从而提高网页加载速度，提升用户体验，也能够减少图片在服务器端所占用的空间，从而节省存储成本和资源消耗。
本文档来自技高网...【技术保护点】
1.一种web端图片压缩方法，其特征在于，包括：
2.根据权利要求1所述的方法，其特征在于，确定所述画布元素的toDataURL方法以及所述toDataURL方法中参数的预设区间值，具体包括：
3.根据权利要求2所述的方法，其特征在于，预先设置所述toDataURL方法中encoderOptions参数值的取值区间为0.2～0.55，根据所述取值区间，确定所述encoderOptions参数的参数值之后，所述方法还包括：
4.根据权利要求3所述的方法，其特征在于，基于所述压缩后图片文件的像素值，计算所述图片文件的图像失真情况，具体包括：
5.根据权利要求1所述的方法，其特征在于，获取上传的图片文件，通过异步读取机制来读取所述图片文件，具体包括：
6.根据权利要求5所述的方法，其特征在于，获取上传的图片文件，对所述图片文件的体积和像素进行识别，并根据预设的压缩条件判断所述图片文件是否需要压缩，具体包括：
7.根据权利要求1所述的方法，其特征在于，获取上传的图片文件之后，所述方法还包括：
8.根据权利
9.一种web端图片压缩设备，其特征在于，包括：
10.一种非易失性计算机存储介质，存储有计算机可执行指令，其特征在于，所述计算机可执行指令设置为：权利要求1-8中任一项权利要求所述的web端图片压缩方法。
...【技术特征摘要】
1.一种web端图片压缩方法，其特征在于，包括：
2.根据权利要求1所述的方法，其特征在于，确定所述画布元素的todataurl方法以及所述todataurl方法中参数的预设区间值，具体包括：
3.根据权利要求2所述的方法，其特征在于，预先设置所述todataurl方法中encoderoptions参数值的取值区间为0.2～0.55，根据所述取值区间，确定所述encoderoptions参数的参数值之后，所述方法还包括：
4.根据权利要求3所述的方法，其特征在于，基于所述压缩后图片文件的像素值，计算所述图片文件的图像失真情况，具体包括：
5.根据权利要求1所述的方法，其特征在于，获取上传的图片文件，通过异...
【专利技术属性】
技术研发人员：张新顺，景皓鑫，朱斌，
申请(专利权)人：浪潮智慧科技有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。