问答

Vur前端如何将表单上传的图片进行压缩

作者:admin 2021-04-22 我要评论

使用表单上传,FormData对象,如何压缩图片 ### 将取到的file通过 URL.createObjectURL 转为图片链接 绘制到canvas上 通过 toDataUrl 或者 toBlob 输出新的图片,...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

使用表单上传,FormData对象,如何压缩图片

###
  1. 将取到的file通过URL.createObjectURL转为图片链接
  2. 绘制到canvas上
  3. 通过toDataUrl或者toBlob输出新的图片,控制输出质量即可缩减图片体积

以上是图片压缩原理,它无法精确的将图片压缩到指定体积.
所以如果有此需求,则可以用二分法反复压缩,不断逼近指定体积

###

刚好实现过一个,可以参考一下
原理就是canvas绘制图片,控制图片质量
https://github.com/louzhedong...

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 求助!Mysql workbench connections出

    求助!Mysql workbench connections出

  • c++ 的dll 转golang可以调用

    c++ 的dll 转golang可以调用

  • c++的 new int{10}  和 new int(10) 有

    c++的 new int{10} 和 new int(10) 有

  • Grafana MySQL为数据源时, 折线图无法

    Grafana MySQL为数据源时, 折线图无法

腾讯云代理商
海外云服务器