uni-app 图片压缩插件、带图片自动旋转修正(暂时只支持H5),支持APP 微信小程序 H5
在 script
中引入组件
import cpimg from "../../components/cpimg/cpimg.vue"
export default {
components: {cpimg}
}
在 template
中使用
<cpimg ref="cpimg" @result="cpimgOk" @err="cpimgErr" :number="2" :fixOrientation="true" :size="500" :maxWidth="1000" :ql="0.9" type="url"></cpimg>
属性名 | 类型 | 默认值 | 可选值 | 说明 |
---|---|---|---|---|
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、小程序