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

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

2016-08-24 2805 94 1
软件描述

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


举报

资源举报

举报审核通过将会奖励威望

×
收藏 下载

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

我的威望:0已下载次数:94

登录、发帖、回帖、上传资源可获得威望

所需威望:0开始下载
网盘链接:  访问密码:
×

讨论这个工具(1)

dboylzj
2017-08-15 11:05

好东西, 果断收藏

请登录后发表评论