图片压缩

  • image-conversion图片压缩

image-conversion图片压缩

  • 安装插件
    npm i image-conversion -S
  • 引入
    import * as imageConversion from ‘image-conversion’
  • 判定图片大小是否大于200Kb,大于就进行压缩
  • 写在el-upload中:before-upload="beforeAvatarUpload"方法里(上传即校验是非需要压缩)
 return new Promise((resolve, reject) => {let isLt2M2 = file.size / 1024 / 1024 < 0.2 // 判定图片大小是否大于200Kbif (isLt2M2) {resolve(file)}// console.log(file)imageConversion.compressAccurately(file, 200).then(res => {// console.log(res)resolve(res)})
})

image-conversion压缩图片相关推荐

  1. js常用插件(七)之conversion压缩图片(不改变图片尺寸大小)

    js常用插件之conversion压缩图片(重点:不改变尺寸大小) 欢迎点击: 个人官网博客 图片压缩只是他的一种功能,更多可以查看官方文档 重点:压缩体积并且图片尺寸大小是不变的 用法很简单: &l ...

  2. Android 高清加载巨图方案 拒绝压缩图片

    Android 高清加载巨图方案 拒绝压缩图片 转载请标明出处:  http://blog.csdn.net/lmj623565791/article/details/49300989:  本文出自: ...

  3. android h5 多图上传源码,JS移动端/H5同时选择多张图片上传并使用canvas压缩图片...

    最近在做一个H5的项目,里边涉及到拍照上传图片的功能以及识别图片的功能,这里对识别图片的功能不做赘述,不属本文范畴.我在做完并上线项目后,同事跟我提了一个要求是可不可以同时选择多张图片上传,我做的时候 ...

  4. idea批量修改变量快捷键mac_使用Mac自带功能批量修改图片名称、类型和压缩图片大小...

    Mac电脑自带的聚焦搜索功能已经很强大,可以快速准确的搜索电脑内的文件,但是从网上下载的文件,特别是一些图片文件都是一串数字组成的文件名,很难记忆和搜索,我们可以使用Mac自带的『自动操作』功能给图片 ...

  5. node 压缩图片_1Mb压缩成100k,图片无损压缩我选择它

    Boss有话说 Compressor 这是一款能够快速高效压缩图片的在线神器,可以在线压缩优化的格式包含 JPEG,PNG,SVG,GIF 和 WEBP 等主流的图片格式.相比之前分享的[ TinyP ...

  6. linux压缩图片脚本,说明Ubuntu压缩图片脚本批量方法

    以下就是Ubuntu压缩图片批量方法,这些Ubuntu压缩图片方法是我学了很久的心得,希望对大家有帮助.用DC拍出来的很多照片尺寸都很大,有时候我们需要缩小一下,最近google了一圈,发现了一些有用 ...

  7. jquery压缩图片插件

    imageCompress 只有图片压缩功能,比较简单 jquery.imageCompress.js 使用说明: el:为上传框 quality:压缩图片质量,单位为% onloadStart:读取 ...

  8. LocalResizeIMG前端HTML5本地压缩图片上传,兼容移动设备IOS,android

    LocalResizeIMG前端HTML5本地压缩图片上传,兼容移动设备IOS,android jincon 发表于 2015-02-26 18:31:01 发表在: php开发 localresiz ...

  9. 【问题帖】压缩图片大小至指定Kb以下

    像PS,QQ影像等都有该功能,将图片大小压缩至指定kb以下. 我也来山寨一把,到目前为止,控制图片的大小,平时的解决方案通过分辨率和质量来控制的. 假定最后压缩的大小是100kb,那么在保证不大于10 ...

  10. php后台图片压缩_php实现等比例压缩图片

    /** * desription 压缩图片 * @param sting $imgsrc 图片路径 * @param string $imgdst 压缩后保存路径 */ public function ...

最新文章

  1. java set 空_Java面试总结(Map和Set)
  2. 中科元素精准饮食 功能性农业-李喜贵:电视荧屏广州地铁线展示
  3. 大三前端实习生2018总结
  4. 徐州技师学院计算机程序设计,徐州技师学院2021年有哪些专业
  5. SAP Spartacus里的routerLink测试
  6. ARP-地址解析协议(在实践中深入理解ARP协议)
  7. linux语言yhq,linux通过docker安装kafka
  8. OneNote使用技巧及运用
  9. h5 语音识别_h5 在线语音识别接口_html5 语音识别 - 云+社区 - 腾讯云
  10. 基于haneWIN实现windows与linux之间文件共享
  11. docx文档文字怎么加边框_Word技巧:怎么给文本加方框
  12. keil与proteus联调C语言,51keil与proteus联调,实现在线仿真
  13. 北京市211学校计算机专业,北京较容易考的2所211大学,王牌专业实力强悍,学生不愁就业...
  14. 手把手教你python实现校园网自动连接,零基础也可以轻松实现
  15. R语言中的异常处理和eval函数
  16. 【工程化】工程中文件命名的个人习惯,仅供参考
  17. Vs Code使用国际化多语言插件-i18n AllyVue i18n-插件使用
  18. Ubuntu下代替dos2unix命令 (转自两个文件)
  19. 2023最新SSM计算机毕业设计选题大全(附源码+LW)之java学生社团管理系统jcjyw
  20. autofocus属性的使用

热门文章

  1. 论语 子张篇(笔记)
  2. 微信小程序保留小数点
  3. 麻省电气工程与计算机科学专业,麻省理工学院电气工程与计算机科学专业解读...
  4. 为什么TDM更适合数字传输?(模拟信号与数字信号传输比较,TDM与FDM传输方式比较)
  5. 2020年终总结,少壮工夫老始成
  6. 破解分布式数据库全局死锁难题 GBase 8c引领数据库领域变革
  7. 电子商务中数据分析的八大指标体系
  8. 不权威的国产CPU发展历程
  9. 华为设计总监:如何做设计决策
  10. 面试官问你:“什么是NoSQL“