Layui+photoclip插件实现图片裁剪功能

Layui 图片上传功能实现后，现在来实现图片裁剪功能，代码还是接着使用图片上传的代码。没有看过的可以移步到 Layui图片上传文章

引入photoclip和Layui的js文件

HTML代码

  <form class="layui-form" onsubmit="return false">
        <div class="layui-row">
            <div class="">
                <div id="clipArea"></div>
                <input id="bas" type="hidden" />
                <input type="file" id="file">
                <div id="view"></div>
                <div class="layui-form-item" style="text-align:center">
                    <button class="layui-btn" id="clipBtn">截取</button>
                    <button class="layui-btn layui-btn-danger" id="BtnSure">确认</button>
                    <button class="layui-btn layui-btn-normal" id="btnClose" style="margin-left:10px;">关闭</button>
                </div>

            </div>

        </div>