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

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

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

淘建站为您提供更多_Ajax_旋转_上传,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 198 次

打赏作者

觉得不错,可打赏下作者

下载资源

免费共享

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。
分类:PHP功能模块 > 上传 难易程度:中级

提示: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>

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/264.html
PHP+cropper+bootstrap实现头像剪切效果 希望对你有帮助,感谢您的支持!
  • 纯css3绘制旺仔头像样式代码

    纯css3绘制旺仔头像样式代码

  • css3 animation旋转的摩天轮动画特效

    css3 animation旋转的摩天轮动画特效

  • H5 canvas制造3D旋转爱心表白

    H5 canvas制造3D旋转爱心表白

  • 仿对啊网CSS3大风车旋转动画效果

    仿对啊网CSS3大风车旋转动画效果

  • 纯css3网状布局鼠标经过图片旋转特效

    纯css3网状布局鼠标经过图片旋转特效

  • 纯CSS3绘制哆啦A梦头像动画代码

    纯CSS3绘制哆啦A梦头像动画代码

  • 旋转的正方体css3制作3D立体效果

    旋转的正方体css3制作3D立体效果

  • css实现3D陀螺旋转

    css实现3D陀螺旋转

  • 纯css3 3D图片立方体旋转动画特效

    纯css3 3D图片立方体旋转动画特效

  • canvas制作旋转的万花筒

    canvas制作旋转的万花筒

  • html5 canvas文字标签云3D旋转动画特效

    html5 canvas文字标签云3D旋转动画特效

  • html5 canvas页面滚动背景图片旋转动画特效

    html5 canvas页面滚动背景图片旋转动画特效

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2