PHP+cropper+bootstrap实现头像剪切功能源码实例

PHP+cropper+bootstrap实现头像剪切功能源码实例,20210926175755.jpg,第1张

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

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


转载请说明出处
UE资源网 » PHP+cropper+bootstrap实现头像剪切功能源码实例

发表评论

欢迎 访客 发表评论

成为会员可下载全站资源!

查看演示 官网购买