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

来源:https://www.sucaihuo.com/js/264.html 2015-08-21 05:47浏览(11724) 收藏

本文实现了PHP头像上传基本效果,crop插件可以剪切,旋转,并且及时预览
PHP+cropper+bootstrap实现头像剪切效果
分类:PHP > 上传 难易:中级
下载资源 下载积分: 130 积分

提示: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>
声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:https://www.sucaihuo.com/js/264.html
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2