7月3日 Django 头像预览、用户上传文件操作、logging、debug_tool_bar

1. 注册功能

1. 头像预览

//头像预览
 $('#id_avatar').change(function () {
     console.log(this.files[0])
      //找到选中的头像文件
      var fileobj = this.files[0]
      //读取文件路径
      var fileReader =  new FileReader()
      fileReader.readAsDataURL(fileobj)
      //等图片读取完后继续执行
      fileReader.onload=function () {
      //设置预览图片
      $('#avatar_img').attr('src',fileReader.result)
     };
 })

2. Django上传文件

1. 配置用户上传文件保存的位置
　　settings.py

# 用户上传的文件配置
MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

2. 配置用户读取上传文件的相关配置

settings.py

MEDIA_URL = "/media/" # 别名

urls.py

from django.views.static import serve
from BBS_ONE import settings
 
urlpatterns = [
 
    # midia路由配置  path是传入serve方法的参数，可以点进serve方法里看看
    url(r'^media/(?P<path>.*)$', serve, {'document_root': settings.MEDIA_ROOT}),
]

3. Django中logging的使用

　　https://www.cnblogs.com/95lyj/p/9260765.html

4. Django debug_tool_bar

　　https://www.cnblogs.com/95lyj/p/9261491.html