# 裁剪图片 ## 4.3.裁剪图片 ~~~ 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/)