Flask-7 用户帐户和个人资料图片

2019-07-30 10:31:12 浏览数 (1)

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

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

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

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

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

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

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

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

用户帐户和个人资料图片功能就到这里,我们下节见。

关注公号

下面的是我的公众号二维码图片,欢迎关注。

yale记公众号

0 人点赞