# 裁剪圖片 ## 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/)