1.6 KiB
1.6 KiB
uni-app 图片压缩插件、带图片自动旋转修正(暂时只支持H5)
作者：诗小柒
说明
uni-app 图片压缩插件、带图片自动旋转修正(暂时只支持H5)，支持APP 微信小程序 H5
使用方法
在 script 中引入组件
import imageCompress from "../../components/imageCompress/imageCompress.vue"
export default {
components: {imageCompress}
}
在 template 中使用
<imageCompress ref="imageCompress" @result="imageCompressOk" @err="imageCompressErr" :number="2" :fixOrientation="true" :size="500" :maxWidth="1000" :ql="0.9" type="url"></imageCompress>
属性
| 属性名 | 类型 | 默认值 | 可选值 | 说明 |
|---|---|---|---|---|
| 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 | 压缩失败的回调 并返回结果 |
问题
- H5平台,type 属性无效（返回的是base64或blob地址）
- 可能无法压缩png
- 图片自动旋转修正暂时只支持H5
- 多选只支持App、小程序