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。

相关推荐
竹秋…21 分钟前
el-table 滚动条小箭头点不了且部分滚动条无法拖动的问题
javascript·vue.js·elementui
曾富贵23 分钟前
【eslint】快速配置
前端
阿珊和她的猫31 分钟前
Webpack Loader 和 Plugin 实现原理详解
前端·webpack·node.js
做怪小疯子35 分钟前
JavaScript 中Array 整理
开发语言·前端·javascript
旭编35 分钟前
牛客周赛 Round 117
java·开发语言
六元七角八分42 分钟前
CSDN文章如何转出为PDF文件保存
开发语言·javascript·pdf
froginwe111 小时前
MongoDB 删除数据库
开发语言
Java小混子1 小时前
golang项目CRUD示例
开发语言·后端·golang
香香爱编程1 小时前
Electron里的electron-window-state 使用
前端·javascript·vue.js·vscode·electron·前端框架
涔溪1 小时前
Vue 中实现 PDF 文件上传
javascript·vue.js·pdf