企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
## 4.3.裁剪图片 ```javascript admin.cropImg({ aspectRatio: 1/1, imgSrc: '../../assets/images/15367146917869444.jpg', onCrop: function (res) { // 返回的res是base64编码的裁剪后的图片 layer.msg('<img src="' + res + '" width="220px" height="220px"/>'); } }); ``` 参数 | 默认 | 描述 :---|:--- | :--- title | "裁剪图片" | 弹窗标题 aspectRatio | 1/1 | 裁剪比例,例如:16/9 imgSrc | 无 | 要裁剪的图片,无则先弹出选择图片 imgType | 'image/jpeg' | 裁剪的图片类型,非必填 onCrop | 无 | 裁剪完成回调 limitSize | 不限制 | 限制选择的图片大小 acceptMime | 'image/*' | 限制选择的图片类型 exts | 不限制 | 限制选择的图片后缀 - acceptMime参考值:'image/jpg, image/png'(只显示 jpg 和 png 文件) - exts参考值:jpg|png|gif|bmp|jpeg 后面三个参数配置可参考[upload模块](https://www.layui.com/doc/modules/upload.html), 如果想单独在页面中使用图片裁剪功能请参考[Cropper插件文档](http://fengyuanchen.github.io/cropper/) ![](https://s2.ax1x.com/2019/08/29/mL5AgO.png) <br/>