Day23-7 Cropper基本用法与美化.pdfVIP

1.基本使用步骤

1.在head中导入cropper.css样式表：

1linkrel=styheethref=/assets/lib/cropper/cropper.css/

2.在body的结束之前，按顺序导入如下的js：

scriptsrc=/assets/lib/cropper/jquery-cropper.js/script

3.在卡片的layui-card-body主体区域中，定义如下的HTML结构：

divclass=cropper-box

imgid=imagesrc=/assets/images/sample.jpg/

divclass=preview-box

buttontype=buttonclass=layui-btn上传/button

buttontype=buttonclass=layui-btnlayui-btn-dange