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

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

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


网页标题:如何实现Flask中的用户帐户和个人资料图片功能
文章网址:http://scyanting.com/article/geeesj.html