本文实现了头像上传基本效果,可以剪切,旋转,并且及时预览
0、请不要问“在不在”之类的问题,有问题直接问!1、学生或暂时没有工作的童鞋,整站资源免费下载!2、¥9.9充值终身VIP会员,加我微信,826096331 拉你进VIP群学习!3、程序员加油,技术改变世界。在线 充值
提示: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>
友情提示:垃圾评论一律封号 加我微信:826096331拉你进VIP群学习群