如何实现Flask中的用户帐户和个人资料图片功能

发布时间:2021-12-10 11:36:27 作者:柒染
来源:亿速云 阅读:161

如何实现Flask中的用户帐户和个人资料图片功能,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

今天把Flask_Blog项目中关于用户账户的更新,以及个人头像上传的功能实现,接下来开始:

在Flask_Blog\flaskblog\static新建一个文件夹pics,用来保存用户上传的头像图片以及默认头像图片default.jpg:

如何实现Flask中的用户帐户和个人资料图片功能

修改Flask_Blog\flaskblog\forms.py,添加更新账户信息表单,并验证图片上传只支持JPG,PNG两种格式:

如何实现Flask中的用户帐户和个人资料图片功能

修改Flask_Blog\flaskblog\routes.py,添加保存头像方法,修改账户信息方法,保存图片时使用到之前学过的图片处理模块Pillow,对图片进行整体大小修改后保存,保证头像的大小一致,占用空间不大:

如何实现Flask中的用户帐户和个人资料图片功能

修改Flask_Blog\flaskblog\templates\account.html,设计表单,这里注意form的enctype要指定,否则文件上传无法成功:

如何实现Flask中的用户帐户和个人资料图片功能

然后我们在文件夹Flask_Blog打开命令行cmd,运行python run.py,访问http://127.0.0.1:5000/,登录帐号密码,点击账户信息,显示默认的账户头像,用户名、邮箱、以及更新头像选择:

如何实现Flask中的用户帐户和个人资料图片功能

点击选择文件,然后点击更新按钮进行修改内容的提交:

如何实现Flask中的用户帐户和个人资料图片功能

如何实现Flask中的用户帐户和个人资料图片功能

如何实现Flask中的用户帐户和个人资料图片功能

然后我们手动新注册一个用户test,邮箱地址为test@email.com,然后修改admin账户信息,会有重复验证提示:

如何实现Flask中的用户帐户和个人资料图片功能

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注亿速云行业资讯频道,感谢您对亿速云的支持。

推荐阅读:
  1. Linux中如何锁定和解锁用户帐户
  2. Flask如何实现图片上传、下载功能

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

flask

上一篇:Hadoop HDFS怎么安装使用

下一篇:Hadoop需要知道的事项有哪些

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》