uniapp-image-compress 图片压缩

成都怡乐轩科技2024-04-06 13:07

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

首先，需要通过npm安装uniapp-image-compress包。在你的项目根目录下运行以下命令：
复制代码
```
npm install uniapp-image-compress
```
然后，在你的脚本文件中引入uniapp-image-compress模块：

javascript

复制代码

   const uniImageCompress = require('uniapp-image-compress')

使用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。