移动端图片裁剪

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

 67747  426  查看评论 (78)
分享到微信朋友圈
X
移动端图片裁剪 ie兼容11

更新时间:2018/7/22 下午2:29:02

更新说明:修复启用enableRatio高清参数下在手机上 拖拽后生成的裁剪图片位置不正常的问题


更新时间:2018/4/16 上午9:23:30

更新说明:新增滚轮放大缩小图片,方便pc端使用。


更新时间:2017/9/30 下午8:31:25

更新说明:应网友要求加入边缘回弹,到达手指拖拽图片边界时会回弹回去。

注:取消了任意角度旋转,因为任意角度使用场景不多,且回弹暂时只支持在90倍数下角度旋转下的。


更新时间:2017/1/18 下午1:52:04

更新说明:修正图片放大旋转算法。另外可以直接修改一张已有的图片而非上传的。


本插件支持图片定制尺寸的裁剪,放大,缩小旋转,修正了ios图片旋转bug。

界面仿微信上传头像

使用了require.js封装了比较多自己的插件

你会喜欢上的,谢谢使用,bug反馈请qq:921552495

相关插件-上传,图像

多图片上传预览(纯前端)

多图片上传预览,已测试ie 360 火狐 谷歌浏览器
  上传
 255466  585

jQuery多图上传带ajax提交

jQuery多图上传可删除,可以本地预览带前台接口
  上传
 81634  560

zyupload图片上传修改版

在原zyupload基础上增加了放大,删除,目录选择功能 。上传的图片可以轮播查看, 上传图片有拖拽图片和文件功能
  上传
 59877  382

zyupload四种不同的上传PHP版

PHP支持拖拽和裁剪的一款上传插件:zyupload。在js里面可以自定义高度和宽度,类型,远程上传地址等。
  上传
 94687  400

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

    沈阳云端科技-张赛伦 0
    2022/7/12 19:12:37
    请问大神这个怎么通过手势缩小,还有高清模式太大,关闭高清又不清楚,该怎么办!
        TJc.fool10
        2022/8/21 1:01:25
        123456
        TJc.fool10
        2022/8/21 1:02:29
        这个版本没再维护了,你看我的vue版本吧。github搜superchangme下的ImageCropping
    回复
    Martin Yang 0
    2021/11/26 15:40:42
    大神,请问一下裁剪的时候怎么才能让图片的边界在canvas框里面
        TJc.fool10
        2022/1/9 21:41:38

        这个版本好像不支持,你去看vue那个版本

        https://www.jq22.com/jquery-info23097
    回复
    一位不愿透露姓氏的何先生 0
    2019/4/28 10:52:03
    在我的手机上为啥只能拍照,不能打开本地图片呢? 回复
    失意的青春. 0
    2019/3/19 20:21:50
    为什么传上去的文件都没有后缀的 看不了 base64转blob好像出问题了 回复
    失意的青春. 0
    2019/3/19 9:40:03
    您好 我想请问一下 裁剪框能改成相对单位吗? 比如rem 回复
    [!..!] 0
    2018/11/2 15:27:13
    请问 需要裁剪两张图片该怎么设置
        TJc.fool11
        2018/12/25 21:13:10
        裁剪结果可以通过调用myCrop.getCropFile({})//返回一个object对象{src:base64,dfd:onePromise},保存下了图片的base64或者是blob格式
        再次调用触发上传按钮即可
    回复
    +140 0
    2018/7/21 17:30:41
    在手机端,裁剪后 照片会自动旋转90度 这是为什么 回复
    295 0
    2018/7/17 15:52:55
    怎么修改裁剪框的大小呢? 回复
    Reset. 0
    2018/7/4 15:36:38
    cropWidth:$cropWidthValue, //剪切大小
    cropHeight:$cropHeightValue,

    修改了剪切的大小,上传图片的大小也会跟着变,这个问题请问怎么解决呢?

    回复
    粟夜星 0
    2018/6/12 14:57:21
    手机上传图片时,点击取消,层还在,没有办法取消,只能通过点击使用关闭 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复