fhefh2015
9/20/2018 - 1:30 AM

H5裁剪

<!--裁剪 开始-->
<script src="http://mat1.gtimg.com/hb/chenzhi/upload/js/polyfill.min.js"></script>
<script src="http://mat1.gtimg.com/hb/chenzhi/upload/js/image-process-tools.min.js"></script>
<script>
    var width = (window.innerWidth > 0) ? window.innerWidth : screen.width;
    var zxImageProcess = new ZxImageProcess({
        // 触发文件选择的元素
        selector: '.btn-file',
        // 限制宽度缩放,则只需设置width值
        // 限制高度缩放,则只需设置height值
        // 同时设置了width、height值,则会对图片按尺寸裁剪
        width: width,
        height: width / 2,
        success: function(result) {
            // 添加图片至目标容器
            $(".banner").attr('src', result.base64);
        },
        error: function(err) {
            if (err.code !== 9)
                alert(err.msg);
        }
    })
</script>
<!--裁剪 结束-->