评论：基于cropper.js的图片裁剪插件  [查看原文]

所属分类：媒体,输入-图像,上传

 70913  467  73
当前第1页 / 共3页
    king0
    2022/1/5 9:52:06
    删除当前插件绑定的元素，怎么也把对应绑定插件去掉 回复
    易霖0
    2021/6/30 0:07:02
    手机端上传照片变形，电脑端上传照片正常，这个情况怎么修改？😥
        ??倪0
        2021/12/1 13:35:44
        你的问题修改好了吗，我也遇到了这样的问题
    回复
    It＇s you.0
    2019/11/28 14:31:10
    裁剪框的大小怎么设置固定框亚？
    回复
    It＇s you.0
    2019/11/28 13:50:51
    裁剪区域的大小可以设置为固定值吗？
        StruggleThunder1
        2019/11/29 9:30:21

        cropper.js这个插件好像只能设置宽高比

         //cropper图片裁剪
 $('#tailoringImg').cropper({
     aspectRatio: 1 / 1, //默认比例
     preview: '.previewImg', //预览视图
     guides: false, //裁剪框的虚线(九宫格)
     autoCropArea: 0.5, //0-1之间的数值，定义自动剪裁区域的大小，默认0.8
     movable: false, //是否允许移动图片
     dragCrop: true, //是否允许移除当前的剪裁框，并通过拖动来新建一个剪裁框区域
     movable: true, //是否允许移动剪裁框
     resizable: true, //是否允许改变裁剪框的大小
     zoomable: false, //是否允许缩放图片大小
     mouseWheelZoom: false, //是否允许通过鼠标滚轮来缩放图片
     touchDragZoom: true, //是否允许通过触摸移动来缩放图片
     rotatable: true, //是否允许旋转图片
     crop: function(e) {
         // 输出结果数据裁剪图像。
     }
 });
        时代-风1
        2020/7/25 9:55:10
        1就是固定比例,aspectRatio: 'NAN',这个是任意
    回复
    ●╉мe0
    2019/8/19 10:32:56
    雨の中で??0
    2019/7/25 17:16:04
    前面问错了，问题是：我是通过form.submit提交表单的，怎么将裁剪后的图片路径赋给<input type=file>，不然提交表单会出错
        帅不来呆呆0
        2019/10/11 16:45:37
        我也遇到这个问题了，不知道您是怎么解决的？
        英雄本色1
        2020/4/7 13:18:19
        不需要将裁剪后的路径赋给input file，你提交的是img src里的 base64编码，由后端解析base64编码转换成图片储存到服务器里，后端在返回给你一个img url地址
    回复
    雨の中で??0
    2019/7/25 16:34:01
    你好，我想问下，如果我想得到 C:\fakepath\i31_登录.jpg 这样的路径，应该怎么做呢，对php不怎么熟，原始程序上传图片后是这个值然后可以正常提交，但我改成你这个之后报错了 回复
    勿忘初心0
    2019/6/20 16:44:12
    可以将裁剪出来后的图片重新画入一个canvas里面，设置这个canvas的宽高（宽高就是你要的图片尺寸大小）。再将这个canvas转成图片
        残城.碎梦0
        2019/8/9 16:44:00
        大佬，能不能给个demo
    回复
    狼行天下0
    2019/4/28 10:16:55
    请问怎么设置裁剪后图片的大小？
        StruggleThunder1
        2019/4/30 9:25:34
        可以将裁剪出来后的图片重新画入一个canvas里面，设置这个canvas的宽高（宽高就是你要的图片尺寸大小）。再将这个canvas转成图片
        狼行天下0
        2019/5/24 9:17:19
        好的。那这个插件能实现放大和缩小功能吗？
        StruggleThunder0
        2019/5/24 17:13:51
        能。 https://fengyuanchen.github.io/cropperjs/
    回复
    ?ζ?╊??___?0
    2019/3/15 9:43:56
    在移动端怎么这么多bug呀，上传的图片超出规定的框，裁剪框的比例不管用，那些设定也有好多不管用 回复
    Sunny灬MVC0
    2018/11/5 15:36:01
    jQuery 最低支持到那个版本？我引用的1.10.2版本的，报错。
        StruggleThunder0
        2018/11/16 13:32:22
        Jquery 2.x

        yue9090
        2019/5/30 17:51:32
        求问怎么把裁剪框设置成自由比例裁剪，而不是1：1
        xmage0
        2019/6/13 15:14:27
        注释掉1/1默认比例
    回复
    a5929090570
    2018/9/25 16:00:00
    大佬我想知道如果要把截取框改成圆形要怎么操作？刚自学前端不怎么会改... 回复
    FREEMAN ??0
    2018/9/8 18:44:52
    实在不太明白后台接受的数据在哪里。。能不能加下您的QQ，或者我的1243883776，谢谢
        FREEMAN ??0
        2018/9/8 19:53:06
        上传是上传过去了，可是图片不显示啊。。。格式有问题，file.getInputStream()
        FREEMAN ??0
        2018/9/8 20:02:41
        我在后台接受debug了一下，发现传过来的是file，而不是imagefile
        a5929090570
        2018/9/25 15:58:57
        兄弟可以看看你怎么抓到的吗？我这有点一头雾水
    回复
    幸福的瞬间0
    2018/9/7 18:13:57
    请教一下，如何以上传原图的左上角为坐标轴，取到截图框的四个角的坐标，并且要求坐标值在[0,1]范围？ 回复
    qiuyang_05060
    2018/8/7 10:52:58
    怎么把剪辑好的图片上传到本地啊？ 回复

讨论这个项目（73）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

取消回复