uniapp-image-compress 图片压缩

要在uniapp项目中使用uniapp-image-compress进行图片压缩,可以按照以下步骤进行:

  1. 首先,需要通过npm安装uniapp-image-compress包。在你的项目根目录下运行以下命令:

    复制代码
    npm install uniapp-image-compress
  2. 然后,在你的脚本文件中引入uniapp-image-compress模块:

javascript

复制代码
   const uniImageCompress = require('uniapp-image-compress')
  1. 使用uniapp-image-compress进行图片压缩,例如:

javascript

复制代码
   uni.chooseImage({
       count: 1,
       success:(res)=>{
           let tempFilePaths = res.tempFilePaths[0]
           uniImageCompress.compress(tempFilePaths, 0.6).then((res)=>{
               // res是一个含有图片本地临时路径的数组
               console.log('压缩后的图片路径:', res)
           })
       }
   })

在上述代码中,我们首先调用uni.chooseImage选择图片(仅选择一张),然后将选取的图片路径传入uniImageCompress.compress方法进行压缩。方法的第二个参数(0.6)指定了压缩的质量,1表示原质量,0表示最低质量。compress方法返回的是包含压缩后的图片路径的Promise对象。

uniapp-image-compress 中的图片压缩功能由 compress 方法提供。这个方法接受两个参数:要压缩的图片路径和压缩质量。

压缩质量是一个介于0和1之间的数字,用于设置压缩后的图片质量。值1表示原图质量,不进行任何压缩。而值0则表示最低质量,图片会被压缩到最小。这个值越低,压缩后的图片文件就越小,但图片质量也会越低。

例如,如果你希望图片压缩到原图的60%,你可以这样设置:

javascript

复制代码
uniImageCompress.compress(imagePath, 0.6)

在这个例子中,0.6是压缩质量参数,表示压缩后的图片质量为原图的60%。

这个参数可以根据你的具体需求调整。如果你更关心图片质量,可以将数值设置的更接近1。如果你更关心图片文件大小,可以将数值设置的更接近0。

相关推荐
Mr_Xuhhh5 分钟前
信号与槽的总结
java·开发语言·数据库·c++·qt·系统架构
纳兰青华15 分钟前
bean注入的过程中,Property of ‘java.util.ArrayList‘ type cannot be injected by ‘List‘
java·开发语言·spring·list
好开心啊没烦恼18 分钟前
Python 数据分析:DataFrame,生成,用字典创建 DataFrame ,键值对数量不一样怎么办?
开发语言·python·数据挖掘·数据分析
liulilittle20 分钟前
VGW 虚拟网关用户手册 (PPP PRIVATE NETWORK 基础设施)
开发语言·网络·c++·网关·智能路由器·路由器·通信
Devil枫30 分钟前
Kotlin高级特性深度解析
android·开发语言·kotlin
ChinaDragonDreamer32 分钟前
Kotlin:2.1.20 的新特性
android·开发语言·kotlin
安之若素^1 小时前
启用不安全的HTTP方法
java·开发语言
一个天蝎座 白勺 程序猿1 小时前
Python(28)Python循环语句指南:从语法糖到CPython字节码的底层探秘
开发语言·python
持梦远方2 小时前
C 语言基础入门:基本数据类型与运算符详解
c语言·开发语言·c++
abigale032 小时前
webpack+vite前端构建工具 -11实战中的配置技巧
前端·webpack·node.js