图片操作

快速使用

import { compressImage } from 'cat-kit'

api

压缩图片 compressImage

压缩图片

import { compressImageFile } from 'cat-kit'

// 第一个参数是图片的文
// 第二个参数是压缩的目标大小
// 如果文件本身大小小于目标大小, 将不会压缩
compressImageFile(file, 2 * 1024 * 1024).then(result => {
  console.log(result.size)
})

123456789101112131415161718192021

<template>
  <input type="file" @change="handleChange" />
</template>

<script lang="ts" setup>
import { compressImageFile } from '@cat-kit/fe'

function handleChange(event: Event) {
  const file = (event.target as HTMLInputElement).files?.[0]
  if (file) {
    compressImageFile(file, 2 * 1024 * 1024).then(file => {
      const url = URL.createObjectURL(file)
      const a = document.createElement('a')
      a.href = url
      a.download = file.name
      a.click()
    })
  }
}
</script>

二维码 QRCode