1、正常方式
# 前端
<form action='/upload.html' method='post' enctype='multipart/form-data'>
{% csrf_token %}
<input type='text' name='user'>
<input type='file' name='img'>
<input type='submit' value='提交'>
</form>
# 修改file的样式 用其它组件放在他上面，并将file透明度设置为0
<div style='position: relative'> # 将div中的内容设置为可绝对定位
<img src='xxx'>
<input type='file' name='img' style='opacity:0; position:sbsolute; top:0; left:0;'>
# 通过样式将img与file再设置为大小相同即可
</div>
# views.py
def upload(request):
if request.method == 'GET':
return render(request, 'upload.html')
elif request.method == 'POST':
user = request.POST.get('user')
img = request.FILES.get('img') # img是一个对象，里面封装了文件名、大小、内容。。。
print(img.name)
pinrt(img.size)
f = open(img.name, 'wb')
for line in img.chunks():
f.write(line)
f.close()
return HttpResponse('...')
2、使用Django Form组件
# 前端
<form action='/upload.html' method='post' enctype='multipart/form-data'>
{% csrf_token %}
<input type='text' name='user'>
<input type='file' name='img'>
<input type='submit' value='提交'>
</form>
# 修改file的样式 用其它组件放在他上面，并将file透明度设置为0
<div style='position: relative'> # 将div中的内容设置为可绝对定位
<img src='xxx'>
<input type='file' name='img' style='opacity:0; position:sbsolute; top:0; left:0;'>
# 通过样式将img与file再设置为大小相同即可
</div>
# views.py
from django import forms
from django.forms import fields
class UploadForm(forms.Form):
user = fields.CharField()
img = fields.FileField()
def upload(request):
if request.method == 'GET':
return render(request, 'upload.html')
elif request.method == 'POST':
obj = UploadForm(request.POST,request.FILES)
if obj.is_valid():
user = obj.cleaned_data['user']
img = obj.cleaned_data['img']
user = request.POST.get('user')
img = request.FILES.get('img') # img是一个对象，里面封装了文件名、大小、内容。。。
print(img.name)
pinrt(img.size)
f = open(img.name, 'wb')
for line in img.chunks():
f.write(line)
f.close()
return HttpResponse('...')
