最新赞助活动温馨提示:自愿赞助服务器费用,学生和没有工作的整站资源免费下载!
头像

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

来源:http://www.erdangjiade.com/ 沐浴春风 2015-08-21 05:47浏览(2045)

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

0、请不要问“在不在”之类的问题,有问题直接问!1、学生或暂时没有工作的童鞋,整站资源免费下载!2、¥9.9充值终身VIP会员,加我微信,826096331 拉你进VIP群学习!3、程序员加油,技术改变世界。在线 充值

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

加我微信,拉你进VIP群学习:

下载资源 下载积分: 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
头像

友情提示:垃圾评论一律封号 加我微信:826096331拉你进VIP群学习群

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

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

1 2