所有的网站中,用户都要设置头像。用户刚注册时有时使用社交平台的头像,有时使用随机头像或机器人头像;在用户注册完成以后可以上传裁剪设置自己喜欢的头像。
和flask的其他扩展一样,你需要下载flask-avatars后,导入Avatars类,传入app创建类的实例。

from flask_avatars import Avatarsimport flask
app = Flask(__name__)
avatars = Avatars(app)

一、avatars类提供的默认头像

通过调用,非常简单暴力。
二、生成随机头像

使用{{avatars.gravatar(email_hash,zise=‘200’)}}调用
三、随机机器人头像

Robohash(robohash.org)是一个生成随机机器人头像的服务(目前Gravatar的默认头像中已经支持这一类型,可以通过将default参数设为robohash获取)。在模板中调用avatars.robohash()并传入随机文本作为参数即可获取Robohash的头像URL:

四、社交网站头像,如用微信登录某网站是使用微信头像 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20191008175128286.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N6eXl6dA==,size_16,color_FFFFFF,t_70) 通过 调用 暂时还不支持微信。 五、自定义上传图片 自定义上传图片主要是集成了JQuery的jcrop插件。在介绍jcrop的时候将一同介绍。见“图片(头像)的裁剪”一文。

使用flask-avatars处理用户头像相关推荐

  1. 使用HTML5的Canvas画布来剪裁用户头像

    日期:2013-5-23  来源:GBin1.com 本文来自极客标签社区用户webgeek的一个在线HTML5web开发小技巧,帮助你使用html5的画布功能来切割用户上传的大头照. 在线调试 例如 ...

  2. 网页素材大宝库:15套精美的用户头像图标素材

    免费图标素材对于网页设计非常有用,大家在设计和制作网站的时候经常会去网上搜罗各种各样的素材,这些免费素材既能他们节省大量的时间,又有很好的效果.今天这篇文章要与大家分享的是15套精美的用户头像图标素材 ...

  3. 实现用户头像固定url,不随头像更换而改变

    需要注意的一点是,在使用阿里云oss上传服务时,需要给上传的文件设置下HTTP Header,主要需要设置的就是 Cache-Cotrol: no-cache,至于如何设置可以参考阿里云的文档: ht ...

  4. Flask 上传自定义头像

    Flask Web 开发这本书基本上做完了,后面还需要温习,但是自己做的博客总觉得简陋了点,所以,在动脑子开发新功能 今天想到最基本的功能,自定义头像 那这样的功能,设计到2大基本功能块 1:如何进行 ...

  5. wordpress头像被墙_如何在WordPress中更改用户头像的形状

    wordpress头像被墙 Ever come across a site that has custom shapes for their user avatars or gravatars? Wa ...

  6. xmpp 中文 XEP-0084: 用户头像

    本文的英文原文来自XEP-0079 XEP-0079: 高级消息处理 摘要: 本文定义了一个XMPP协议扩展来实现实体请求,服务器执行的,高级XMPP message 节处理, 包括可靠数据传输, 时 ...

  7. 环信ease-sdk-3.3.4_r1 集成用户头像 昵称功能的简单处理方法

    环信服务器并不保存用户的头像用户名,但实际开发需要设置用户昵称头像.下面提供一个简单的办法设置用户的头像昵称,这里的头像昵称从自己的服务器获取的并且保存到本地. 1.服务端的设计 服务端设计比较简单, ...

  8. 改计算机用户头像,Windows 8.1

    Windows 8.1官方教程:更改用户头像 更改用户头像 你的用户头像与你的 Microsoft 帐户相关联,因此每当你登录到你的电脑以及在你的"开始"屏幕上时,都会看到它. 并 ...

  9. cropbox php,jQuery用户头像裁剪插件cropbox.js实例分享

    本文主要为大家详细介绍了jQuery用户头像裁剪插件cropbox.js的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家. 几乎每一个网页是必备图片上传,图片裁剪功能,这 ...

  10. iOS之设置用户头像的圆角

    1. 显示用户头像用UIImageView实现,添加默认图片后效果如下图所示,头像显示为矩形图片. 代码实现: // ViewController.m // SetUserImage // // Cr ...

最新文章

  1. java 矩阵_(JAVA)计算机图形学与矩阵
  2. Swift 注释规范和文档注释
  3. 后台开发技术--接入层设计
  4. html弹出div提示自动关闭,html弹出div弹窗
  5. linux 6中启动模式,linux6.x启动流程
  6. 员工价值——如何体现自己价值,如何被自己的领导认可
  7. 惩罚女人的最有效方法!
  8. 程序猿怎样的生活方式才能兼顾工作、家庭和自我提升
  9. 防窥屏的膜能真的防止别人偷看吗,其原理是什么?
  10. 初探 Go 的编译命令执行过程
  11. Spring、SpringMVC、Shiro面试题
  12. 计算机硬件性能检测报告,性能测试实验报告.doc
  13. 六子棋人机程序Java版(附源码+设计思路)
  14. Python基础学习笔记-第一章
  15. 嗨!亲爱的朋友们,欢迎您光临我的…
  16. js进阶之天猫弹性导航
  17. 利用命令简单检查网络
  18. 量子计算机游戏,第3章 量子计算机中的游戏
  19. 学习方法之——费曼技巧学习
  20. notepad运行c语言教程,notepad怎么运行c语言

热门文章

  1. 集合数据hdu1272(小希迷宫 并查集)
  2. UML系列文章(23)高级行为---进程和线程
  3. 7:第三章:电商工程分析:2:电商工程业务解读与微服务拆分;
  4. HZNUOJ 1157 有假币
  5. css发动机的机滤,机油滤芯
  6. stm32按键控制mg90s数字舵机、pwm调节舵机转动角度
  7. XSS漏洞讲解与多篇实战讲解
  8. CTFSHOW-文件包含
  9. 几个简单实用的vbs命令
  10. CJS,AMD,UMD和ESM