Layui通过质量比例压缩图片并上传

示例中使用的是Layui 2.5.6版本，需要的请到官网下载

首先添加上传图片的按钮控件：

<button type="button" class="layui-btn" style="margin-top: 10px;width: 100%" id="upload">
    <i class="layui-icon">&#xe67c;</i>上传图片
</button>

然后再JS中初始化Layui并引入upload模块：

<script>
    //一般直接写在一个js文件中
    layui.use(['layer','form','upload'], function(){
   
        $ = layui.jquery;
        var layer = layui.layer
            ,form = layui.form
            ,upload = layui.upload;
            
        function canvasDataURL(file, callback) {
    //压缩转化为base64
            var reader = new FileReader()
            reader.readAsDataURL(file)
            reader.onload = function (e)