1.1. 在setting里面配置文件上传路径,在setting末尾添加
#指定上传文件的存储相对路径(读取文件) MEDIA_URL = ‘/media/‘ #上传文件存储路径(存储路径) MEDIA_ROOT = os.path.join(BASE_DIR,‘media‘)
1.2. 在项目根目录新建media文件夹
1.3. 配置TEMPLATES,添加如下内容
‘django.template.context_processors.media‘
添加完如下所示
TEMPLATES = [ { ‘BACKEND‘: ‘django.template.backends.django.DjangoTemplates‘, ‘DIRS‘: [os.path.join(BASE_DIR, ‘templates‘)] , ‘APP_DIRS‘: True, ‘OPTIONS‘: { ‘context_processors‘: [ ‘django.template.context_processors.debug‘, ‘django.template.context_processors.request‘, ‘django.contrib.auth.context_processors.auth‘, ‘django.contrib.messages.context_processors.messages‘, ‘django.template.context_processors.media‘ ], }, }, ]
2.1. 将父路由映射到子路由的路径
urlpatterns = [ path(‘admin/‘, admin.site.urls), path(‘student/‘, include(‘stu.urls‘)) ]
2.2. 配置通过数据加载加载图片
from django.views.static import serve from .settings import MEDIA_ROOT, DEBUG if DEBUG: urlpatterns += url(r‘^media/(?P<path>.*)/$‘, serve, {‘document_root‘: MEDIA_ROOT}),
urlpatterns = [ url(r‘^$‘, views.index_view), url(r‘^upload/‘, views.upload_view), url(r‘^showall/‘, views.showall_view) ]
class Student(models.Model): sno = models.AutoField(primary_key=True) sname = models.CharField(max_length=30) photo = models.ImageField(upload_to=‘imgs‘) def __str__(self): return u‘Student:{}‘.format(self.sname)
from django.http import HttpResponse from django.shortcuts import render # Create your views here. from stu.models import Student def index_view(request): if request.method == ‘GET‘: return render(request, ‘index.html‘) else: return HttpResponse(‘页面有误!‘) def upload_view(request): uname=request.POST.get(‘uname‘,‘‘) photo=request.FILES.get(‘photo‘,‘‘) Student.objects.create(sname=uname,photo=photo) return HttpResponse(‘上传成功‘) def showall_view(request): student=Student.objects.all() return render(request,‘showall.html‘,{‘student‘:student})
6.1. index.html
<form action="/student/upload/" method="post" enctype="multipart/form-data"> {% csrf_token %} <p> <label for="ua">姓名:</label> <input type="text" name="uname" id="ua"> </p> <p> <label for="ph">头像:</label> <input type="file" name="photo" id="ph"> </p> <p>     <input type="submit" value="注册"> </p> </form>
6.2. showall.html
<table width="500px" border="1" cellspacing="0"> <tr> <th>学号</th> <th>姓名</th> <th>照片</th> <th>操作</th> </tr> {% for foo in student %} <tr> <td>{{ forloop.counter}}</td> <td>{{foo.sname}}</td> <td><img src="{{MEDIA_URL}}{{ foo.photo }}" style="width: 200px;"></img></td> <td>下载</td> </tr> {% endfor %} </table>
def download_view(request): photo = request.GET.get(‘photo‘, ‘‘) filename = photo[photo.rindex(‘/‘) + 1:] system_path = os.getcwd() print(photo) path = os.path.join(system_path, photo[1:].replace(‘/‘, ‘\\‘)) print(path) with open(path, ‘rb‘) as fr: reponse = HttpResponse(fr.read()) reponse[‘Content-Type‘] = ‘image/png‘ reponse[‘Content-Disposition‘] = ‘attachment;filename=‘ + filename return reponse
原文:https://www.cnblogs.com/djwww/p/14736270.html