Cropper封装头像裁剪插件
头像裁剪的需求,做前端的应该都碰到过。cropper 封装的头像裁剪尺寸插件就是个挺好用的工具,能快速帮你搞定用户上传头像的裁剪问题。UI 交互顺滑,裁剪范围可控,还能设定比例,支持拖动、缩放、旋转这些常规操作。最重要的,整合得挺干净,用起来省心。
文件结构也比较清晰,index.html
是示例页面,看看效果基本一目了然。js
和css
文件夹里放的是主力代码和样式,配个cropper.js
就能跑起来。还有个使用格式.html
,新手跟着文档走,照样能集成进项目里。
像你在做后台管理系统,或者是用户资料编辑页,用这个插件裁头像就挺合适。裁完直接上传,响应也快,兼容性还不错。支持移动端也没问题,小屏幕上滑动缩放都顺手。
如果你懒得从零撸,不妨看看这个压缩包:cropper 封装的头像裁剪尺寸插件.zip。还有些拓展资源,比如移动端裁剪、支持缩放这些,也能一起参考。
建议你本地先跑下 demo,调下比例、初始尺寸、限制区域这些配置。效果 OK 再接入正式页面,不然上线后再改就麻烦了。
下载地址
用户评论