为什么要前端来压缩图片
最近在做一个移动端h5上传图片的功能，本来这个功能并不复杂，只需要将图片文件通过axios传到服务端即可，但是考虑到现在手机设配的拍照功能十分强大，随便一张照片都能动辄五六兆，而服务端的要求是上传图片必须小于两兆，而且直接传这么大图片，带宽它也受不了，所以前端进行压缩图片就成了一个必要的环节。
压缩效果
首先介绍下压缩的大概流程
通过原生的input标签拿到要上传的图片文件
将图片文件转化成img元素标签
在canvas上压缩绘制该HTMLImageElement
将canvas绘制的图像转成blob文件
最后将该blob文件传到服务端
完成！
2021-11-10 11:06:59
178KB
1
参见博客 https://blog.csdn.net/weixin_38566632/article/details/121012880
2021-11-01 17:04:51
14.06MB
1
博客：https://editor.csdn.net/md?not_checkout=1&articleId=121029374
blob分析找电池主体的最小外接矩形
2021-11-01 17:04:43
1.15MB
1
具体代码如下所示：
let html = <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>X-Find迅聘选才</title>
<link rel="stylesheet" href="https://cdn.bootcss.com/iview/2.14.0/styles/iview.css" rel="external nof
2021-10-28 21:29:50
77KB
1
1.真实代码，节省你大量时间
2.pb11.2版本
一份劳动一份收获
2021-10-27 11:05:19
79KB
1
此为exe可执行文件，运行之前需要安装oracle10g客户端，打开程序后需要先配置数据库用户名、密码以及数据库别名。然后再填入正确的查询语句，查询出相应的结果后导出到指定的文件夹即可。
2021-10-10 11:02:21
1.19MB
1