springboot+vue.js混编移动端APP–图片压缩

96
DeanKano
2018.10.07 17:42* 字数 191

一文一言:鸭子很螃蟹赛跑难分胜负,裁判说你们划拳决定吧;鸭子大怒,我出的全是布,它总是剪刀;说明,先天很重要

背景:

前段时间,对前段有点兴趣,就捣鼓了一个,少不了的对图片进行处理,因一需求,发现一图片忒大了点,就去寻找工具,等比压缩一下,结果盗跖老久,竟没怎么发现有这个东东,好不容易,找到一网站,还要收费....

不用说了,自己整把...

技术栈:

简言之:用FileReader的API,在读取加载图片的时候,设置压缩比,创建canvas画布,重新生成图片,到base64或者Blob...

FileReader主API
核心代码处理


应用中示例:


功能入口
设置压缩质量

选择压缩图片



点击下载


对比图片压缩前后


扫码APP下载
日记本
Gupao