UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

在线 头像预览 裁切

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

 100590  819  查看评论 (125)
分享到微信朋友圈
X
在线 头像预览 裁切 ie兼容9
 查看演示  立即下载

版本更新(2015-03-19)

是针对以前发布的插件的更新版本，您可以使用这个版本，因为这个版本解决了，初始情况 头像无法预览的问题

代码很简单，基本上看一眼就会了，有问题可以发邮件给我 625506370@qq.com

var options =
	{
		thumbBox: '.thumbBox',
		spinner: '.spinner',
		imgSrc: 'images/avatar.png'//配置初始的图片
	}


相关插件-上传,图片展示,图像
查看更多

jQuery移动端多图上传(带裁剪功能)

 适应于手机端上传图片的功能，附带上传图片裁剪功能
  上传
 40097  355

基于webuploader多图片上传插件diyUpload.js

 多张图片上传 base64格式 移动端可支持，代码中有详细注释。
  上传
 87303  571

jQuery多图上传插件imgUp.js

 可以多图的上传，预览，并带删除功能
  上传
 126505  963

图片预览上传插件bootstrap-fileinput.js

 bootstrapfileinput预览上传图片并使用FmData上传，上传url根据实际情况填写
  上传
 85837  494

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

    simbol。 0
    2019/9/24 10:17:19
    好无语啊，现在插件要的jq越来越多 回复
    橙歌 0
    2018/8/24 10:43:14
    这个插件挺好用啊 回复
    家兴. 0
    2018/6/21 17:44:55
    Uncaught ReferenceError: bjj is not defined 回复
    杨瑾 0
    2018/3/21 10:36:32
    Failed to set the 'files' property on 'HTMLInputElement': The provided value is not of type 'FileList'. 回复
    哎-醒醒醒不来 0
    2017/11/2 16:09:52

    兼容ie9吗

        云淡风轻0
        2017/11/2 16:10:38

        不兼容，因为IE9只支持部分的H5。

    回复
    T…shirt 0
    2017/9/4 10:59:35

    大神们有遇到过上传图片，裁剪的时候  上传到后台 ，还是一张整图片那

        塞外雪客0
        2017/9/5 11:20:16

        能不能发我一份  1284782909@qq.com  谢谢了

        hahahahahah0
        2019/7/26 14:14:00
        修改成了吗
        BattleofLexington1
        2019/7/26 14:31:34

        图片获取错地方了。

        function getImg() {
    img = cropper.getDataURL();
    $('.cropped').html('');
    $('.cropped').append('<img src="' + img + '" align="absmiddle" style="width:180px;margin-top:4px;border-radius:180px;box-shadow:0px 0px 12px #7E7E7E;">180px*180px
            ');
            $('.cropped').append('<img src="' + img + '" align="absmiddle" style="width:128px;margin-top:4px;border-radius:128px;box-shadow:0px 0px 12px #7E7E7E;">128px*128px
                ');
                $('.cropped').append('<img src="' + img + '" align="absmiddle" style="width:64px;margin-top:4px;border-radius:64px;box-shadow:0px 0px 12px #7E7E7E;" >64px*64px
                    ');
                }

        这是里处理后的图片。

    回复
    T…shirt 0
    2017/8/31 15:12:28

    有遇到过修改不能改的吗

    回复
    浮游 0
    2017/7/19 16:40:10

    (index):71 Uncaught TypeError: Failed to execute 'readAsDataURL' on 'FileReader': parameter 1 is not of type 'Blob'. at HTMLInputElement.<anonymous> ((index):71) at HTMLInputElement.dispatch (jquery-1.11.1.min.js:3) at HTMLInputElement.r.handle (jquery-1.11.1.min.js:3)

    回复
    小君 0
    2017/7/14 10:24:02

    ie8为什么不支持

        云淡风轻0
        2017/7/14 10:25:20

        智商是个好东西，可惜你没有 H5的图片上传 只能支持到IE10

    回复
    cpfzone 0
    2017/6/13 13:51:45

    能免费下载么

        　　0
        2018/8/30 11:25:53
        肯定不能啊
    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复