#使用方法超級簡單
一. 為一個按鈕綁定easyCropper組件

<div class="layui-form-item">
                    <label class="layui-form-label"><i style="color: red">*</i>產(chǎn)品圖片:</label>
                    <input type="hidden" name="productImg" id="productImg"/>
                    <div class="layui-upload">
                        <button type="button" class="layui-btn" id="productImgButton">上傳</button>
                        <div class="layui-upload-list">
                            <img class="layui-upload-img" id="productImgImg">
                        </div>
                    </div>
                </div>

二. layui初始化時引入easyCropper

 layui.config({
        base: contextPath + 'layui/easyCropper/' //layui自定義layui組件目錄
    })
    layui.use(['easyCropper'], function(){
      
        var easyCropper = layui.easyCropper;
        //創(chuàng)建一個圖片裁剪上傳組件
        var productImgCropper = easyCropper.render({
            elem: '#productImgButton'
            ,saveW:280     //保存寬度
            ,saveH:160     //保存高度
            ,mark:7/4   //選取比例
            ,area:'900px'  //彈窗寬度
            ,url: contextPath + 'upload/img'  //圖片上傳接口返回和（layui 的upload 模塊）返回的JOSN一樣
            ,done: function(url){ //上傳完畢回調(diào)
                $("#productImg").val(url);
                $("#productImgImg").attr('src',url);
            }
        });
})

三. 然后將組件的文件夾easyCropper放到能找到的文件夾下即可，我這邊是放在layui下面