微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何实现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,邮箱地址为[email protected],然后修改admin账户信息,会有重复验证提示

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐