实例:为用户上传头像并回显
- 设置上传文件保存目录
# settings.py中:
MEDIA_ROOT = os.path.join(BASE_DIR,"media") # 项目目录下的media目录 需要在项目目录下创建media目录
- 定义Model,完成移植并执行
class User(models.Model):
name = models.CharField(max_length=20)
#文件将存于 MEDIA_ROOT目录下的pics目录下
pic = models.ImageField(upload_to="pics")
- 定义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>
- 创建文件上传视图,注意,此时数据库中存储的路径是相对于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). 设置静态资源根目录
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">
网友评论