个人信息页面,显示个人头像,上传个人头像
下载imgcrop的js插件,将插件中的js文件复制在自己的项目下,将css文件复制到css下,然后将文件改名
成imagecrop.css修改其中的一行,使其左对齐
增加视图函数
编写imagecrop.html 文件,将插件内的index.html复制过来,进行部分修改
在account/urls.py下配置url
在模型类中增加photo这个属性
然后迁移数据
python3 manage.py makemigrations account
python3 manage.py migrate account
在account/forms.py中增加一项
编写视图函数
实现AJAX
编辑./account/imagecrop.html
--AJAX上传头像
编辑./account/myself.html
--显示头像
增加如图所示代码实现ajax
编写myself.html 文件,增加显示头像的div
引入csrf.js文件
下载layer插件,并把插件放到项目的js目录下
然后在myself.html中添加弹出层的代码
处理上传成功后的显示内容