django开发笔记--AJAX

个人信息页面,显示个人头像,上传个人头像

下载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中添加弹出层的代码

处理上传成功后的显示内容

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容