原先本站头像纯粹是上传一个图片不作任何处理便作为个人头像使用,可能有诸多不适应之处,从网上最终找了个Jquery头像预览裁切代码,js本地裁剪图片并预览,经过base64编码后传到后端保存便是裁剪的图片,可以作为头像。

JS部分代码我本地放个链接,点击下载

本站使用Flask框架,结合js代码,加上后端,单独拎出来放到Github上,链接是:https://github.com/staugur/flask-image-clipper-demo

使用很简单,安装依赖运行即可,根据实际需要做改动。

pip install flask
python main.py

另外,由于前端传给后端的是base64编码后的数据,所以解码存到本地作为图片没问题,如果需要直接转传到第三方,比如又拍云,需要转换为二进制,那便需要“再转码”了,有需要的话可以发邮件

预览下界面:

demo

·End·