更新记录

v1.0.1（2023-11-06）

修改插件已知问题

v1.0.0（2023-11-06）

图片压缩组件v1.0.0版本完成

平台兼容性

Vue2 Vue3
× √
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
app-vue app-nvue √ √ √ √ √ ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
√ √ √ √ √ × √ √ √
<!-- * @Descripttion: * @version: * @Author: ankeji * @Date: 2023-11-06 09:52:41 * @LastEditors: ankeji * @LastEditTime: 2023-11-06 10:14:18 -->

uni-app 图片压缩插件、带图片自动旋转修正

说明

uni-app 图片压缩插件、带图片自动旋转修正(暂时只支持H5)，支持APP 微信小程序 H5

使用方法

在 script 中引入组件

import imgCpimg from "../../components/img-cpimg"
export default {
    components: {imgCpimg}
}

在 template 中使用

<imgCpimg ref="cpimg" @result="cpimgOk" @err="cpimgErr" :number="2" :fixOrientation="true" :size="500" :maxWidth="1000" :ql="0.9" type="url"></imgCpimg>

属性

属性名 类型 默认值 可选值 说明
size Number 500 照片大小超过此值就压缩，且最大宽高等于maxWidth
maxWidth Number 750 照片宽高超过此值就压缩，且最大宽高等于此值
ql Number 0.92 0-1 照片压缩比
type String url base64 照片压缩后返回的格式
fixOrientation Boolean true false 是否修正图片方向（暂时只支持H5）
number Number 1 一次压缩图片数量（不支持H5）

方法

方法名 参数 默认值 说明
_changImg() 选择照片并开始压缩

事件

事件名 返回值 说明
result Array数组，包含图片base64或临时地址 压缩成功的回调 并返回结果
err 压缩失败的回调 并返回结果

问题

  1. H5平台,type 属性无效（返回的是base64或blob地址）
  2. 可能无法压缩png
  3. 图片自动旋转修正暂时只支持H5
  4. 多选只支持App、小程序

隐私、权限声明

1. 本插件需要申请的系统权限列表：

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

无

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

许可协议

MIT协议
评论列表 撰写评论

暂无用户评论。

插件问答 我要提问

使用中有什么不明白的地方，就向插件作者提问吧~ 我要提问

加载更多...