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

本文介绍如何在Django项目中实现用户上传文件及头像预览功能,包括配置文件上传路径、读取上传文件及使用JavaScript进行实时预览的方法。

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

 

转载于:https://www.cnblogs.com/95lyj/p/9265670.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值