js-image-compressor 图片压缩插件

1.安装插件

npm i js-image-compressor

2.引入

import ImageCompressor from 'js-image-compressor'

3.使用

    compressionImage (file) {return new Promise((resolve, reject) => {// eslint-disable-next-line no-newnew ImageCompressor({file: file,quality: 0.8,maxWidth: 1500,maxHeight: 1500,redressOrientation: false,// 压缩前回调beforeCompress: function (result) {console.log('压缩之前图片尺寸大小: ', result.size)console.log('mime 类型: ', result.type)},success: function (result) {console.log('压缩之后图片尺寸大小: ', result.size)console.log('mime 类型: ', result.type)console.log('实际压缩率： ', ((file.size - result.size) / file.size * 100).toFixed(2) + '%')resolve(result)},error (e) {reject(e)}})})}

js-image-compressor 图片压缩插件相关推荐

微信内置浏览器无法使用input图片上传和lrz.bundle.js图片压缩插件
标题微信内置浏览器无法使用input图片上传和lrz.bundle.js图片压缩插件图片上传功能作为一个比较常见的功能,有时候需要在微信内置浏览器里打开,但是有些型号的手机会出现打不开的现象,点击 ...
vue lrz图片压缩插件
vue lrz图片压缩插件安装引入使用参考网站安装 npm i lrz -S 引入 // main.js 中引入 import lrz from 'lrz' 使用 methods: {aft ...
用Kotlin撸一个图片压缩插件-实战篇(三)
简述: 由于个人原因,已经有很长一段时间没有写过文章,有句话是那么说的只要开始就不会太晚,所以我们开始<用Kotlin撸一个图片压缩插件>系列文章最后一篇实战篇.实际上我已经把源码发布到了 ...
用Kotlin撸一个图片压缩插件ImageSlimming-导学篇(一)
简述: 很久没有发布Kotlin的实战相关的内容,这段时间在折腾Intellij IDEA的插件开发,折腾出了几个小插件,因为最近公司业务分离,原来堆在基础业务那边模块,都以模块的形式抽离出来,独立仓 ...
uniapp 最接近微信的图片压缩插件 Ba-ImageCompressor
简介(下载地址) Ba-ImageCompressor 是一款uniapp简单快捷的图片压缩插件,仿微信朋友圈压缩策略. 支持批量压缩支持设置不压缩的阈值,单位为K 支持返回压缩后图片大小,单位为B ...
五款WordPress图片压缩插件推荐
速度在SEO和用户体验中起着重要作用,搜索引擎一直对打开速度快的网站排名更高,对于图像搜索也是如此.图像压缩插件可以轻松优化WordPress网站中的图像,以此获得更好的速度和性能. 一.什么时候需要 ...
开发AndroidStudio图片压缩插件TinyPngPlus
相信很多人都遇到切图过大需要压缩后再使用的问题.少的话,还好说,一旦多起来,那种感觉又上来了- 于是谷歌.百度大法找了一通轮子.有!但不太符合自己的使用习惯.还不如就此造一个,顺便练习一下插件的开发与 ...
Wordpress建站教程：Compress JPEG PNG Images图片压缩插件的使用
作者:悦然wordpress建站/悦然建站继续给大家分享wordpress建站教程,今天分享的主题是图片压缩.关于网站图片压缩悦然网络工作室其实已经讲过不少了,之前还给大家分享过一个免费图片压缩工具 ...
用Kotlin撸一个图片压缩插件-插件基础篇(二)
简述: 前两天写了篇用Kotlin撸一个图片压缩插件-导学篇,现在迎来了插件基础篇,没错这篇文章就是教你如何一步一步从零开始写一个插件,包括插件项目构建,运行,调试到最后的上线发布整个流程.如果你是插 ...
【前端性能优化实践】手把手教你实现webpack图片压缩插件
前言我想写一个系列:前端性能优化实践方案.网上虽然一搜一大把这样的文章,但大多缺乏体系化.也有很多讲性能优化的书籍,但其实想照着书上的知识进行实践,还是挺难的一件事. 这是该系列的第一篇文章由于自 ...

js-image-compressor 图片压缩插件

1.安装插件

2.引入

3.使用

js-image-compressor 图片压缩插件相关推荐

最新文章

热门文章