最新赞助活动温馨提示:9.9元终身VIP,学生和没有工作的整站资源免费下载!
头像

PHP+cropper+bootstrap实现头像剪切效果

来源:http://www.erdangjiade.com/ 二当家的 2015-08-21 05:47浏览(1873)

本文实现了头像上传基本效果,可以剪切,旋转,并且及时预览

1、请不要问“在不在”之类的问题,有问题直接问!2、学生或暂时没有工作的童鞋,整站资源免费下载!3、¥9.9充值终身VIP会员,整站资源无任何限制下载!5、程序员加油,交流群:782128964 在线 充值

PHP+cropper+bootstrap实现头像剪切效果
分类:PHP > 上传 难易:中级
查看演示 下载资源: 210

关注微信号获取此Demo视频教程:

下载资源 下载积分: 40 积分

提示:cropper插件须开启extension=php_exif.dll

HTML

<div class="avatar-upload">
    <input class="avatar-src" name="avatar_src" type="hidden" />
    <input class="avatar-data" name="avatar_data" type="hidden" />
    <label for="avatarInput">
        Local upload
    </label>
    <input class="avatar-input" id="avatarInput" name="avatar_file" type="file"
    />
</div>

引入jQuery、boostrap和cropper.js

<link href="assets/css/bootstrap.min.css" rel="stylesheet"/>
<link href="css/cropper.min.css" rel="stylesheet"/>
<link href="css/main.css" rel="stylesheet"/>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="js/cropper.min.js"></script>
<script src="js/main.js"></script>
声明:本文为原创文章,如需转载,请注明来源erdangjiade.com并保留原文链接:https://www.erdangjiade.com/js/264.html
评论7
头像

友情提示:垃圾评论一律封号 最新福利:领取阿里云限量2000通用代金券

  • 头像 6楼
    08-14 17:26
    songzhiyong
    点击 提交时出现 “parsererror”错误 请问各位大牛<br />该怎么解决呀?
  • 头像 5楼
    02-05 16:24
    xjsxiao2004
    感觉挺不错的
  • 头像 4楼
    10-07 23:30
    一只小肥牛
    很好。。。。。。。。。。。。。
  • 头像 3楼
    08-16 15:49
    花一样的少年
    在TP框架上,怎么引用!
  • 头像 板凳
    08-15 15:33
    yunxiaoxue027
    很好用 谢谢
  • 头像 椅子
    07-08 01:23
    KTYALY
    66666666666666666666
  • 头像 沙发
    03-17 09:41
    Userfire
    错的,用不了
    1
    二当家的

    把你服务器权限修改为777就可以了,我们这权限没有给到而已。

1 2