Django文件上传

2019-01-04  本文已影响0人  一纸繁鸢w

实例:为用户上传头像并回显

  1. 设置上传文件保存目录
# settings.py中:
MEDIA_ROOT = os.path.join(BASE_DIR,"media") # 项目目录下的media目录 需要在项目目录下创建media目录

  1. 定义Model,完成移植并执行
class User(models.Model):
    name = models.CharField(max_length=20)
    #文件将存于 MEDIA_ROOT目录下的pics目录下
    pic = models.ImageField(upload_to="pics")

  1. 定义form表单
<form action="{% url 'uploadfile_demo:uplogic' %}" method="post"
  enctype="multipart/form-data">
    {% csrf_token %}
    用户名:<input type="text" name="name"><br>
    头像:<input type="file" name="source">
    <input type="submit" value="提交">
</form>

  1. 创建文件上传视图,注意,此时数据库中存储的路径是相对于MEDIA_ROOT的路径,所以可以将MEDIA_ROOT设置为静态资源根目录,可便于后续的头像回显
def uplogic(request):
    try:
        name = request.POST.get('name')
        file = request.FILES.get('source')
        file.name = generateUUID(file.name) # 调用自定义的generateUUID生成唯一文件名
        user = User.objects.create(name=name, pic=file)
        return HttpResponse("上传成功")
    except:
        return HttpResponse("上传失败")
工具类:
import uuid,os
def generateUUID(filename): # 创建唯一的文件名
    id = str(uuid.uuid4())
    extend = os.path.splitext(filename)[1]
    return id+extend
  1. 回显图片
    1). 设置静态资源根目录
MEDIA_ROOT = os.path.join(BASE_DIR,'media')
STATIC_URL = '/static/'
STATICFILES_DIRS = [ os.path.join(BASE_DIR, 'static'), MEDIA_ROOT ]

2). views函数

def query(request):
    users = User.objects.all()
    return render(request,'uploadfile_demo/detail.html',{'users':users})

3). 模板中使用

<img src="{% static user.pic.url %}" width="50px">
上一篇 下一篇

猜你喜欢

热点阅读