更新记录
1.0.2(2025-05-27) 下载此版本
下载第三方插件
1.0.1(2025-05-27) 下载此版本
更新使用说明文档
1.0.0(2025-05-27) 下载此版本
选择图片且裁剪功能
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
× | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 4.01 | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 | 鸿蒙元服务 |
---|---|---|---|---|
× | × | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | √ | × | × | × | × |
xxm-cropper-image
适用于uniadmin的图片选择插件,通过该插件可以对图片进行比例裁剪,生成blob格式的临时地址。
下载
点击右上角“下载插件并导入HBuilderX”,将插件下载到本地uni_modules目录中
安装
在uni_modules文件夹下的xxm-cropper-image目录下,单击右键“使用命令行窗口打开所在目录”,执行npm安装第三方插件。
npm install
用法
<xxm-cropper-image :width="200" v-model:picurl="formData.avatar"></xxm-cropper-image>
Props
参数 | 说明 | 必填项 | 类型 | 默认值 |
---|---|---|---|---|
picurl | 图片src地址 | 是 | String | |
width | 选择图片的可视大小 | 否 | Number | 200 |
ratio | 可视区域显示比例 | 否 | String | 16 / 9 |
maxImgSize | 图片裁剪最大尺寸 | 否 | Number | 1200 |
交流反馈
如果在使用中遇到问题,可以Q群内交流:686892688