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

 所属分类:常用实例教程

 浏览:894次-  下载:1次-  评论: 1次-  更新时间:2020-08-06
PHP+cropper+bootstrap实现头像剪切效果
金币说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值金币充值会员更多说明»
描述:PHP+cropper+bootstrap实现头像剪切效果

基础属性

  • 语言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>


相关素材

讨论这个素材(1)回答他人问题或分享使用心得奖励金币

1***8  
2023-01-25

牛叉

回复
表情  文明上网,理性发言!
我的金币余额: 0 已下载次数: 1
所需金币:25开始下载

金币获取:签到、评论、投搞、充值、发帖、回帖    » 在线充值(10金币=1元)