vue 图片指定大小压缩

1.安装命令npm i image-conversion --save

2.引入插件
import * as imageConversion from "image-conversion";

  //  <div class="upload"><van-uploaderaccept="image/*"v-model="imgList"multiple:max-count="5":max-size="8 * 1024 * 1024"@oversize="onOversize"/></div>//methodsasync handeImg(img) {// 小于2M直接转成bolb对象 大于两m压缩成2000kb左右let data = null;if (img.size < 1 * 1024 * 1024) {data = new Blob([img], { type: img.type });} else {data = await imageConversion.compressAccurately(img, 2000);}const base64 = await imageConversion.filetoDataURL(data);return base64;},//监听 imgList上传数组watch: {async imgList(Nval) {try {this.certficationImage1 =Nval[0] && (await this.handeImg(Nval[0].file));this.certficationImage2 =Nval[1] && (await this.handeImg(Nval[1].file));this.certficationImage3 =Nval[2] && (await this.handeImg(Nval[2].file));this.certficationImage4 =Nval[3] && (await this.handeImg(Nval[3].file));this.certficationImage5 =Nval[4] && (await this.handeImg(Nval[4].file));} catch (error) {console.log(error);}}
}

vue 图片指定大小压缩相关推荐

怎么把照片缩小到200k？图片指定大小压缩怎么弄？
平时在给账号设置头像时,都会遇到图片过大无法上传的情况,这时候我们可以通过图片压缩指定大小工具来将图片压缩到200kb以下,这样就可以顺利设置头像了,下面一起来看一下图片指定大小压缩(https:// ...
通过google插件Thumbnails实现图片指定大小压缩
前言: 1.由于商户进件时,上游对图片大小有要求(500kb以下),而我们平台图片过大(10M以上),所以必须通过程序将图片压缩后再上传: 2.java api可以通过ImageIO实现图片压缩,但效 ...
JAVA根据指定大小压缩图片
/*** 根据指定大小压缩图片** @param sourceFilePath 源图片路径 + 文件名(例 "D:\\image\\aa.jpg")* @param outFile ...
object-fit 解决图片指定大小被压缩问题
object-fit 解决图片指定大小被压缩问题第一次遇到这个属性,是在给video 写 poster的时候,选取的作为poster的img的尺寸有点小,导致video播放器两边有留白.在控制台查看 ...
C# 图片压缩（指定大小压缩和指定尺寸压缩）
一按大小压缩测试代码: 一测试效果: 一主要代码: /// <summary>/// 压缩图片至200 Kb以下/// </summary>/// <param name ...
将图片压缩至指定大小Kb（Thumbnailator）
放代码前,先唠叨唠叨,舒缓一下我的郁闷之情. 今天下午改一个后台管理系统的需求,要求上传的图片要压缩到300kb,感觉不难,就开搞. 先撩拨一下度娘,搞点货出来瞅瞅,不复杂就干脆搬砖算了. 嗯,度娘不 ...
java 压缩图片至指定大小
需求: 压缩图片至300k以下一开始没有思路在网上搜,发现google有个插件叫Thumbnails,然后看到了这篇文章: https://blog.csdn.net/u010355502/arti ...
java jsoup抓取百度图片保存到本地，并压缩到指定大小（可指定宽高或者流大小）
代码如下: package cn.xyz.commons.utils; import java.awt.image.BufferedImage; import java.io.ByteArrayInp ...
如何将图片压缩到15k以下？教你一键压缩图片的大小
在许多行业中都要使用大量的图片,由于一些平台要求上传的图片不得大于15kb,所以就导致了因为图片体积过大而上传失败的情况,那么我们应该如何把图片压缩到指定大小呢?下面,小编为大家分享一款图片压缩(ht ...

vue 图片指定大小压缩

vue 图片指定大小压缩相关推荐

最新文章

热门文章