素材牛VIP会员

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

 所属分类:PHP/MySql-上传,常用实例教程

 浏览:12793次-  下载:2076次-  评论:29次-  更新时间:2020-08-06
PHP+cropper+bootstrap实现头像剪切效果
积分说明:注册即送15牛币,每日签到可获得5牛币,成为VIP会员可永久免牛币下载!   充值积分   充值会员   更多说明»
素材描述:本文实现了PHP头像上传基本效果,crop插件可以剪切,旋转,并且及时预览

基础属性

  • 难易中级
  • 语言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>

相关素材 - 上传,常用实例教程

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

威***军  
2020年02月25日

希望下载

回复
迷***文  
2020年02月28日

效果挺炫的。。。

回复
十***刻  
2020年02月28日

我也下载来试试,正好有用有php后台处理就好了这个剪裁很效果还是很好的,支持

回复
lu***ha  
2020年03月02日

good,正需要

回复
风***人  
2020年03月08日

很好,我也下载来试试,正好有用

回复
li***09  
2020年03月08日

嗯,很好很强大,只是不太适合二次开发。

回复
99***99  
2020年03月10日

剪切加上圆角就更好了。

回复
tl***an  
2020年03月15日

很好,下载试试

回复
阿***c  
2020年03月16日

很好用,2元支付宝奉上,3Q整理

回复
踏***e  
2020年03月18日

怎么下载使用啊。。。表示不会啊

回复
wt***00  
2020年03月26日

有php后台处理就好了

回复
ai***ft  
2020年03月26日

加入照相就好了

回复
风***人  
2020年03月29日

en 这个插件很好 就是不会用

回复
ph***16  
2020年04月01日

怎么调整预览窗截图的格子宽高啊 亲们

回复
香***刊  
2020年04月05日

这个不错呀。。。

回复
遗***迹  
2020年04月13日

等待下载

回复
天***月  
2020年04月21日

运行一下看看

回复
ha***23  
2020年04月27日

很好很强大,连原图片都一起上传了。

回复
长***h  
2020年05月02日

这个非常牛,菜鸟敬上

回复
吻***烟  
2020年05月03日

刚好需要,多谢了哈

回复
bo***18  
2020年05月07日

这个剪裁很效果还是很好的,支持

回复
馨***2  
2020年06月02日

太好了,自动上传保存到服务器了

回复
ju***ou  
2020年06月16日

非常好用,很时尚,good

回复
hx***lf  
2020年06月22日

发布评论很好的资源

回复
高***侠  
2020年07月13日

很好,很强大,菜鸟敬上

回复
ki***xx  
2020年07月16日

哭泣感动死了,棒棒棒

回复
越***0  
2020年07月17日

好东西 真需要

回复
坐***来  
2020年07月30日

这个挺高大上的感觉

回复
us***es  
2020年08月03日

示爱想说谢谢, 但是又不能重复

回复
do***lf  
2020年09月09日

很好用,2元支付宝奉上,3Q整理

回复
wx***61  
2020年12月15日

正需要3Q

回复
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0 已下载次数:2076
所需牛币:80 开始下载

牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)